|
0
|
1 @charset 'UTF-8';
|
|
|
2 /*
|
|
|
3 * jQuery File Upload UI Plugin CSS 6.3
|
|
|
4 * https://github.com/blueimp/jQuery-File-Upload
|
|
|
5 *
|
|
|
6 * Copyright 2010, Sebastian Tschan
|
|
|
7 * https://blueimp.net
|
|
|
8 *
|
|
|
9 * Licensed under the MIT license:
|
|
|
10 * http://www.opensource.org/licenses/MIT
|
|
|
11 */
|
|
|
12
|
|
|
13 .fileinput-button {
|
|
|
14 position: relative;
|
|
|
15 overflow: hidden;
|
|
|
16 float: left;
|
|
|
17 margin-right: 4px;
|
|
|
18 }
|
|
|
19 .fileinput-button input {
|
|
|
20 position: absolute;
|
|
|
21 top: 0;
|
|
|
22 right: 0;
|
|
|
23 margin: 0;
|
|
|
24 border: solid transparent;
|
|
|
25 border-width: 0 0 100px 200px;
|
|
|
26 opacity: 0;
|
|
|
27 filter: alpha(opacity=0);
|
|
|
28 -moz-transform: translate(-300px, 0) scale(4);
|
|
|
29 direction: ltr;
|
|
|
30 cursor: pointer;
|
|
|
31 }
|
|
|
32 .fileupload-buttonbar .btn,
|
|
|
33 .fileupload-buttonbar .toggle {
|
|
|
34 margin-bottom: 5px;
|
|
|
35 }
|
|
|
36 .files .progress {
|
|
|
37 width: 200px;
|
|
|
38 }
|
|
|
39 .progress-animated .bar {
|
|
|
40 background: url(../img/progressbar.gif) !important;
|
|
|
41 filter: none;
|
|
|
42 }
|
|
|
43 .fileupload-loading {
|
|
|
44 position: absolute;
|
|
|
45 left: 50%;
|
|
|
46 width: 128px;
|
|
|
47 height: 128px;
|
|
|
48 background: url(../img/loading.gif) center no-repeat;
|
|
|
49 display: none;
|
|
|
50 }
|
|
|
51 .fileupload-processing .fileupload-loading {
|
|
|
52 display: block;
|
|
|
53 }
|
|
|
54
|
|
|
55 /* Fix for IE 6: */
|
|
|
56 *html .fileinput-button {
|
|
|
57 line-height: 22px;
|
|
|
58 margin: 1px -3px 0 0;
|
|
|
59 }
|
|
|
60
|
|
|
61 /* Fix for IE 7: */
|
|
|
62 *+html .fileinput-button {
|
|
|
63 margin: 1px 0 0 0;
|
|
|
64 }
|
|
|
65
|
|
|
66 @media (max-width: 480px) {
|
|
|
67 .files .btn span {
|
|
|
68 display: none;
|
|
|
69 }
|
|
|
70 .files .preview * {
|
|
|
71 width: 40px;
|
|
|
72 }
|
|
|
73 .files .name * {
|
|
|
74 width: 80px;
|
|
|
75 display: inline-block;
|
|
|
76 word-wrap: break-word;
|
|
|
77 }
|
|
|
78 .files .progress {
|
|
|
79 width: 20px;
|
|
|
80 }
|
|
|
81 .files .delete {
|
|
|
82 width: 60px;
|
|
|
83 }
|
|
|
84 }
|
