1 | body {
|
---|
2 | background: #3B4148;
|
---|
3 | color: #ffffff;
|
---|
4 | }
|
---|
5 |
|
---|
6 | input {
|
---|
7 | margin: 0;
|
---|
8 | }
|
---|
9 |
|
---|
10 | input[type="radio"], input[type="checkbox"], label {
|
---|
11 | cursor: pointer;
|
---|
12 | }
|
---|
13 |
|
---|
14 | input[type="text"] {
|
---|
15 | border: 1px solid #3B4148;
|
---|
16 | background: #fff;
|
---|
17 | padding: 2px;
|
---|
18 | margin: 0;
|
---|
19 | border-radius: 4px;
|
---|
20 | -moz-border-radius: 4px;
|
---|
21 | -webkit-border-radius: 4px;
|
---|
22 | outline-width: 0;
|
---|
23 | }
|
---|
24 |
|
---|
25 | input[type="text"]:hover {
|
---|
26 | border-color: #69727B;
|
---|
27 | }
|
---|
28 |
|
---|
29 | input[type="text"]:focus {
|
---|
30 | border-color: #69727B;
|
---|
31 | box-shadow: 0 0 3px rgba(0,0,0,1);
|
---|
32 | -moz-box-shadow: 0 0 3px rgba(0,0,0,1);
|
---|
33 | -webkit-box-shadow: 0 0 3px rgba(0,0,0,1);
|
---|
34 | }
|
---|
35 |
|
---|
36 | input[type="button"], input[type="submit"], input[type="reset"], button {
|
---|
37 | outline-width: 0;
|
---|
38 | background: #edeceb;
|
---|
39 | border: 1px solid #fff;
|
---|
40 | border-radius: 5px;
|
---|
41 | -moz-border-radius: 5px;
|
---|
42 | -webkit-border-radius: 5px;
|
---|
43 | box-shadow: 0 1px 1px rgba(0,0,0,0.6);
|
---|
44 | -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
|
---|
45 | -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
|
---|
46 | color: #222;
|
---|
47 | }
|
---|
48 |
|
---|
49 | input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
|
---|
50 | box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
51 | -moz-box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
52 | -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
53 | }
|
---|
54 |
|
---|
55 | input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, button:focus {
|
---|
56 | box-shadow: 0 0 2px rgba(54,135,226,1);
|
---|
57 | -moz-box-shadow: 0 0 2px rgba(255,255,255,1);
|
---|
58 | -webkit-box-shadow: 0 0 2px rgba(54,135,226,1);
|
---|
59 | }
|
---|
60 |
|
---|
61 | fieldset {
|
---|
62 | margin: 0 5px 5px 0px;
|
---|
63 | padding: 5px;
|
---|
64 | border: 1px solid #69727B;
|
---|
65 | border-radius: 4px;
|
---|
66 | -moz-border-radius: 4px;
|
---|
67 | -webkit-border-radius: 4px;
|
---|
68 | cursor: default;
|
---|
69 | }
|
---|
70 |
|
---|
71 | fieldset td {
|
---|
72 | white-space: nowrap;
|
---|
73 | }
|
---|
74 |
|
---|
75 | legend {
|
---|
76 | margin: 0;
|
---|
77 | padding:0 3px;
|
---|
78 | font-weight: bold;
|
---|
79 | }
|
---|
80 |
|
---|
81 | #folders {
|
---|
82 | margin: 4px 4px 0 4px;
|
---|
83 | background: #566068;
|
---|
84 | border: 1px solid #69727B;
|
---|
85 | border-radius: 6px;
|
---|
86 | -moz-border-radius: 6px;
|
---|
87 | -webkit-border-radius: 6px;
|
---|
88 | }
|
---|
89 |
|
---|
90 | #files {
|
---|
91 | float: left;
|
---|
92 | margin: 0 4px 0 0;
|
---|
93 | background: #566068;
|
---|
94 | border: 1px solid #69727B;
|
---|
95 | border-radius: 6px;
|
---|
96 | -moz-border-radius: 6px;
|
---|
97 | -webkit-border-radius: 6px;
|
---|
98 | }
|
---|
99 |
|
---|
100 | #files.drag {
|
---|
101 | background: #69727B;
|
---|
102 | }
|
---|
103 |
|
---|
104 | #topic {
|
---|
105 | padding-left: 12px;
|
---|
106 | }
|
---|
107 |
|
---|
108 |
|
---|
109 | div.folder {
|
---|
110 | padding-top: 2px;
|
---|
111 | margin-top: 4px;
|
---|
112 | white-space: nowrap;
|
---|
113 | }
|
---|
114 |
|
---|
115 | div.folder a {
|
---|
116 | text-decoration: none;
|
---|
117 | cursor: default;
|
---|
118 | outline: none;
|
---|
119 | color: #ffffff;
|
---|
120 | }
|
---|
121 |
|
---|
122 | span.folder {
|
---|
123 | padding: 2px 3px 2px 23px;
|
---|
124 | outline: none;
|
---|
125 | background: no-repeat 3px center;
|
---|
126 | cursor: pointer;
|
---|
127 | border-radius: 3px;
|
---|
128 | -moz-border-radius: 3px;
|
---|
129 | -webkit-border-radius: 3px;
|
---|
130 | border: 1px solid #566068;
|
---|
131 | }
|
---|
132 |
|
---|
133 | span.brace {
|
---|
134 | width: 16px;
|
---|
135 | height: 16px;
|
---|
136 | outline: none;
|
---|
137 | }
|
---|
138 |
|
---|
139 | span.current {
|
---|
140 | background-image: url(img/tree/folder_current.png);
|
---|
141 | background-color: #454C55;
|
---|
142 | border-color: #3B4148;
|
---|
143 | color: #fff;
|
---|
144 | }
|
---|
145 |
|
---|
146 | span.regular {
|
---|
147 | background-image: url(img/tree/folder.png);
|
---|
148 | background-color: #69727B;
|
---|
149 | }
|
---|
150 |
|
---|
151 | span.regular:hover, span.context {
|
---|
152 | background-color: #9199A1;
|
---|
153 | border-color: #69727B
|
---|
154 | }
|
---|
155 |
|
---|
156 | span.opened {
|
---|
157 | background-image: url(img/tree/minus.png);
|
---|
158 | }
|
---|
159 |
|
---|
160 | span.closed {
|
---|
161 | background-image: url(img/tree/plus.png);
|
---|
162 | }
|
---|
163 |
|
---|
164 | span.denied {
|
---|
165 | background-image: url(img/tree/denied.png);
|
---|
166 | }
|
---|
167 |
|
---|
168 | div.file {
|
---|
169 | padding: 4px;
|
---|
170 | margin: 3px;
|
---|
171 | border: 1px solid #3B4148;
|
---|
172 | border-radius: 4px;
|
---|
173 | -moz-border-radius: 4px;
|
---|
174 | -webkit-border-radius: 4px;
|
---|
175 | background: #69727B;
|
---|
176 | color: #000000;
|
---|
177 | }
|
---|
178 |
|
---|
179 | div.file:hover {
|
---|
180 | background: #9199A1;
|
---|
181 | border-color: #3B4148;
|
---|
182 | }
|
---|
183 |
|
---|
184 | div.file .name {
|
---|
185 | margin-top: 4px;
|
---|
186 | font-weight: normal;
|
---|
187 | height: 16px;
|
---|
188 | overflow: hidden;
|
---|
189 | }
|
---|
190 |
|
---|
191 | div.file .time {
|
---|
192 | font-size: 10px;
|
---|
193 | }
|
---|
194 |
|
---|
195 | div.file .size {
|
---|
196 | font-size: 10px;
|
---|
197 | }
|
---|
198 |
|
---|
199 | #files div.selected,
|
---|
200 | #files div.selected:hover {
|
---|
201 | background-color: #3B4148;
|
---|
202 | border-color: #69727B;
|
---|
203 | color: #ffffff;
|
---|
204 | }
|
---|
205 |
|
---|
206 | tr.file > td {
|
---|
207 | padding: 3px 4px;
|
---|
208 | background-color: #69727B
|
---|
209 | }
|
---|
210 |
|
---|
211 | tr.file:hover > td {
|
---|
212 | background-color: #9199A1;
|
---|
213 | }
|
---|
214 |
|
---|
215 | tr.selected > td,
|
---|
216 | tr.selected:hover > td {
|
---|
217 | background-color: #3B4148;
|
---|
218 | color: #fff;
|
---|
219 | }
|
---|
220 |
|
---|
221 | #toolbar {
|
---|
222 | padding: 5px 0;
|
---|
223 | border-radius: 3px;
|
---|
224 | -moz-border-radius: 3px;
|
---|
225 | -webkit-border-radius: 3px;
|
---|
226 | }
|
---|
227 |
|
---|
228 | #toolbar a {
|
---|
229 | color: #ffffff;
|
---|
230 | padding: 4px 4px 4px 24px;
|
---|
231 | margin-right: 5px;
|
---|
232 | border: 1px solid transparent;
|
---|
233 | background: no-repeat 2px center;
|
---|
234 | outline: none;
|
---|
235 | display: block;
|
---|
236 | float: left;
|
---|
237 | border-radius: 4px;
|
---|
238 | -moz-border-radius: 4px;
|
---|
239 | -webkit-border-radius: 4px;
|
---|
240 | }
|
---|
241 |
|
---|
242 | #toolbar a:hover,
|
---|
243 | #toolbar a.hover {
|
---|
244 | background-color: #566068;
|
---|
245 | border-color: #69727B;
|
---|
246 | color: #ffffff;
|
---|
247 | }
|
---|
248 |
|
---|
249 | #toolbar a.selected {
|
---|
250 | background-color: #566068;
|
---|
251 | border-color: #69727B;
|
---|
252 | }
|
---|
253 |
|
---|
254 | #toolbar a[href="kcact:upload"] {
|
---|
255 | background-image: url(img/icons/upload.png);
|
---|
256 | }
|
---|
257 |
|
---|
258 | #toolbar a[href="kcact:refresh"] {
|
---|
259 | background-image: url(img/icons/refresh.png);
|
---|
260 | }
|
---|
261 |
|
---|
262 | #toolbar a[href="kcact:settings"] {
|
---|
263 | background-image: url(img/icons/settings.png);
|
---|
264 | }
|
---|
265 |
|
---|
266 | #toolbar a[href="kcact:about"] {
|
---|
267 | background-image: url(img/icons/about.png);
|
---|
268 | }
|
---|
269 |
|
---|
270 | #toolbar a[href="kcact:maximize"] {
|
---|
271 | background-image: url(img/icons/maximize.png);
|
---|
272 | }
|
---|
273 |
|
---|
274 | #settings {
|
---|
275 | /*background: #e0dfde;*/
|
---|
276 | }
|
---|
277 |
|
---|
278 | .box, #loading, #alert {
|
---|
279 | padding: 5px;
|
---|
280 | border: 1px solid #69727B;
|
---|
281 | background: #566068;
|
---|
282 | border-radius: 5px;
|
---|
283 | -moz-border-radius: 5px;
|
---|
284 | -webkit-border-radius: 5px;
|
---|
285 | }
|
---|
286 |
|
---|
287 | .box, #alert {
|
---|
288 | padding: 8px;
|
---|
289 | border-color: #69727B;
|
---|
290 | -moz-box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
291 | -webkit-box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
292 | box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
293 | }
|
---|
294 |
|
---|
295 | #loading {
|
---|
296 | background-image: url(img/loading.gif);
|
---|
297 | font-weight: normal;
|
---|
298 | margin-right: 4px;
|
---|
299 | color: #ffffff;
|
---|
300 | }
|
---|
301 |
|
---|
302 | #alert div.message {
|
---|
303 | padding: 0 0 0 40px;
|
---|
304 | }
|
---|
305 |
|
---|
306 | #alert {
|
---|
307 | background: #566068 url(img/cross.png) no-repeat 8px 29px;
|
---|
308 | }
|
---|
309 |
|
---|
310 | #dialog div.question {
|
---|
311 | padding: 0 0 0 40px;
|
---|
312 | background: transparent url(img/question.png) no-repeat 0 0;
|
---|
313 | }
|
---|
314 |
|
---|
315 | #alert div.ok, #dialog div.buttons {
|
---|
316 | padding-top: 5px;
|
---|
317 | text-align: right;
|
---|
318 | }
|
---|
319 |
|
---|
320 | .menu {
|
---|
321 | padding: 2px;
|
---|
322 | border: 1px solid #69727B;
|
---|
323 | background: #3B4148;
|
---|
324 | opacity: 0.95;
|
---|
325 | }
|
---|
326 |
|
---|
327 | .menu a {
|
---|
328 | text-decoration: none;
|
---|
329 | padding: 3px 3px 3px 22px;
|
---|
330 | background: no-repeat 2px center;
|
---|
331 | color: #ffffff;
|
---|
332 | margin: 0;
|
---|
333 | background-color: #3B4148;
|
---|
334 | outline: none;
|
---|
335 | border: 1px solid transparent;
|
---|
336 | border-radius: 4px;
|
---|
337 | -moz-border-radius: 4px;
|
---|
338 | -webkit-border-radius: 4px;
|
---|
339 | }
|
---|
340 |
|
---|
341 | .menu .delimiter {
|
---|
342 | border-top: 1px solid #69727B;
|
---|
343 | padding-bottom: 3px;
|
---|
344 | margin: 3px 2px 0 2px;
|
---|
345 | }
|
---|
346 |
|
---|
347 | .menu a:hover {
|
---|
348 | background-color: #566068;
|
---|
349 | border-color: #69727B;
|
---|
350 | }
|
---|
351 |
|
---|
352 | .menu a[href="kcact:refresh"] {
|
---|
353 | background-image: url(img/icons/refresh.png);
|
---|
354 | }
|
---|
355 |
|
---|
356 | .menu a[href="kcact:mkdir"] {
|
---|
357 | background-image: url(img/icons/folder-new.png);
|
---|
358 | }
|
---|
359 |
|
---|
360 | .menu a[href="kcact:mvdir"], .menu a[href="kcact:mv"] {
|
---|
361 | background-image: url(img/icons/rename.png);
|
---|
362 | }
|
---|
363 |
|
---|
364 | .menu a[href="kcact:rmdir"], .menu a[href="kcact:rm"], .menu a[href="kcact:rmcbd"] {
|
---|
365 | background-image: url(img/icons/delete.png);
|
---|
366 | }
|
---|
367 |
|
---|
368 | .menu a[href="kcact:clpbrdadd"] {
|
---|
369 | background-image: url(img/icons/clipboard-add.png);
|
---|
370 | }
|
---|
371 |
|
---|
372 | .menu a[href="kcact:pick"], .menu a[href="kcact:pick_thumb"] {
|
---|
373 | background-image: url(img/icons/select.png);
|
---|
374 | }
|
---|
375 |
|
---|
376 | .menu a[href="kcact:download"] {
|
---|
377 | background-image: url(img/icons/download.png);
|
---|
378 | }
|
---|
379 |
|
---|
380 | .menu a[href="kcact:view"] {
|
---|
381 | background-image: url(img/icons/view.png);
|
---|
382 | }
|
---|
383 |
|
---|
384 | .menu a[href="kcact:cpcbd"] {
|
---|
385 | background-image: url(img/icons/copy.png);
|
---|
386 | }
|
---|
387 |
|
---|
388 | .menu a[href="kcact:mvcbd"] {
|
---|
389 | background-image: url(img/icons/move.png);
|
---|
390 | }
|
---|
391 |
|
---|
392 | .menu a[href="kcact:clrcbd"] {
|
---|
393 | background-image: url(img/icons/clipboard-clear.png);
|
---|
394 | }
|
---|
395 |
|
---|
396 | a.denied {
|
---|
397 | color: #666;
|
---|
398 | opacity: 0.5;
|
---|
399 | filter: alpha(opacity:50);
|
---|
400 | cursor: default;
|
---|
401 | }
|
---|
402 |
|
---|
403 | a.denied:hover {
|
---|
404 | background-color: #e4e3e2;
|
---|
405 | border-color: transparent;
|
---|
406 | }
|
---|
407 |
|
---|
408 | #dialog {
|
---|
409 | -moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
---|
410 | -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
---|
411 | box-shadow: 0 0 5px rgba(0,0,0,0.5);
|
---|
412 | }
|
---|
413 |
|
---|
414 | #dialog input[type="text"] {
|
---|
415 | margin: 5px 0;
|
---|
416 | width: 200px;
|
---|
417 | }
|
---|
418 |
|
---|
419 | #dialog div.slideshow {
|
---|
420 | border: 1px solid #000;
|
---|
421 | padding: 5px 5px 3px 5px;
|
---|
422 | background: #000;
|
---|
423 | -moz-box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
424 | -webkit-box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
425 | box-shadow: 0 0 8px rgba(0,0,0,1);
|
---|
426 | }
|
---|
427 |
|
---|
428 | #dialog img {
|
---|
429 | border: 1px solid #3687e2;
|
---|
430 | background: url(img/bg_transparent.png);
|
---|
431 | }
|
---|
432 |
|
---|
433 | #loadingDirs {
|
---|
434 | padding: 5px 0 1px 24px;
|
---|
435 | }
|
---|
436 |
|
---|
437 | .about {
|
---|
438 | text-align: center;
|
---|
439 | padding: 6px;
|
---|
440 | }
|
---|
441 |
|
---|
442 | .about div.head {
|
---|
443 | font-weight: bold;
|
---|
444 | font-size: 12px;
|
---|
445 | padding: 3px 0 8px 0;
|
---|
446 | }
|
---|
447 |
|
---|
448 | .about div.head a {
|
---|
449 | background: url(img/kcf_logo.png) no-repeat left center;
|
---|
450 | padding: 0 0 0 27px;
|
---|
451 | font-size: 17px;
|
---|
452 | }
|
---|
453 |
|
---|
454 | .about a {
|
---|
455 | text-decoration: none;
|
---|
456 | color: #ffffff;
|
---|
457 | }
|
---|
458 |
|
---|
459 | .about a:hover {
|
---|
460 | text-decoration: underline;
|
---|
461 | }
|
---|
462 |
|
---|
463 | .about button {
|
---|
464 | margin-top: 8px;
|
---|
465 | }
|
---|
466 |
|
---|
467 | #clipboard {
|
---|
468 | padding: 0 4px 1px 0;
|
---|
469 | }
|
---|
470 |
|
---|
471 | #clipboard div {
|
---|
472 | background: url(img/icons/clipboard.png) no-repeat center center;
|
---|
473 | border: 1px solid transparent;
|
---|
474 | padding: 1px;
|
---|
475 | cursor: pointer;
|
---|
476 | border-radius: 4px;
|
---|
477 | -moz-border-radius: 4px;
|
---|
478 | -webkit-border-radius: 4px;
|
---|
479 | }
|
---|
480 |
|
---|
481 | #clipboard div:hover {
|
---|
482 | background-color: #bfbdbb;
|
---|
483 | border-color: #a9a59f;
|
---|
484 | }
|
---|
485 |
|
---|
486 | #clipboard.selected div, #clipboard.selected div:hover {
|
---|
487 | background-color: #c9c7c4;
|
---|
488 | border-color: #3687e2;
|
---|
489 | }
|
---|
490 |
|
---|
491 | #shadow {background: #000000;}
|
---|
492 |
|
---|
493 | button, input[type="submit"], input[type="button"] {
|
---|
494 | color: #ffffff;
|
---|
495 | background: #3B4148;
|
---|
496 | border: 1px solid #69727B;
|
---|
497 | padding: 3px 5px;
|
---|
498 | border-radius: 4px;
|
---|
499 | -moz-border-radius: 4px;
|
---|
500 | -webkit-border-radius: 4px;}
|
---|
501 | #checkver {
|
---|
502 | padding-bottom: 8px;
|
---|
503 | }
|
---|
504 | #checkver > span {
|
---|
505 | border-radius: 5px;
|
---|
506 | -moz-border-radius: 5px;
|
---|
507 | -webkit-border-radius: 5px;
|
---|
508 | }
|
---|
509 | #checkver > span.loading {
|
---|
510 | background: url(img/loading.gif);
|
---|
511 | }
|
---|
512 |
|
---|
513 | #checkver span {
|
---|
514 | padding: 2px;
|
---|
515 | }
|
---|
516 |
|
---|
517 | #checkver a {
|
---|
518 | font-weight: normal;
|
---|
519 | padding: 3px 3px 3px 20px;
|
---|
520 | background: url(img/icons/download.png) no-repeat left center;
|
---|
521 | }
|
---|
522 |
|
---|
523 | div.title {
|
---|
524 | background: #1a1d1f;
|
---|
525 | overflow: auto;
|
---|
526 | text-align: center;
|
---|
527 | margin: -5px -5px 5px -5px;
|
---|
528 | padding-left: 19px;
|
---|
529 | padding-bottom: 2px;
|
---|
530 | padding-top: 2px;
|
---|
531 | font-weight: bold;
|
---|
532 | cursor: move;
|
---|
533 | border-radius: 3px;
|
---|
534 | -moz-border-radius: 3px;
|
---|
535 | -webkit-border-radius: 3px;
|
---|
536 | box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
537 | -moz-box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
538 | -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.6);
|
---|
539 | }
|
---|
540 |
|
---|
541 | .about div.title {
|
---|
542 | cursor: default;
|
---|
543 | }
|
---|
544 |
|
---|
545 | span.close, span.clicked {
|
---|
546 | float: right;
|
---|
547 | width: 19px;
|
---|
548 | height: 20px;
|
---|
549 | background: url(img/icons/close.png) no-repeat left 2px;
|
---|
550 | margin-top: -3px;
|
---|
551 | cursor: default;
|
---|
552 | }
|
---|
553 |
|
---|
554 | span.close:hover {
|
---|
555 | background-image: url(img/icons/close-hover.png);
|
---|
556 | }
|
---|
557 |
|
---|
558 | span.clicked:hover {
|
---|
559 | background-image: url(img/icons/close-clicked.png);
|
---|
560 | }
|
---|