1
+ @charset 'UTF-8' ;
2
+ /*
3
+ * jQuery File Upload Plugin CSS 4.1
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://creativecommons.org/licenses/MIT/
11
+ */
12
+
13
+ form .file_upload {
14
+ position : relative;
15
+ overflow : hidden;
16
+ direction : ltr;
17
+ cursor : pointer;
18
+ text-align : center;
19
+ width : 15em ;
20
+ height : 2.5em ;
21
+ line-height : 2.5em ;
22
+ border : # 354856 1px solid;
23
+ -moz-border-radius : 6px ;
24
+ -webkit-border-radius : 6px ;
25
+ -khtml-border-radius : 6px ;
26
+ border-radius : 6px ;
27
+ background-color : # 57BB7D ;
28
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 57BB7D ), to (# 32724A ));
29
+ background-image : -moz-linear-gradient (center top, # 57BB7D 0% , # 32724A 100% );
30
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#57BB7D', endColorstr='#32724A');
31
+ -webkit-box-shadow : # 666 0 0 2px ;
32
+ box-shadow : # 666 0 0 2px ;
33
+ -moz-box-shadow : 0px 0px 2px # 666 ;
34
+ color : white;
35
+ font-size : 14px ;
36
+ font-weight : bold;
37
+ margin-top : 5px ;
38
+ }
39
+
40
+ form .file_upload_small {
41
+ width : 15em ;
42
+ height : 2.5em ;
43
+ line-height : 2.5em ;
44
+ font-size : 100% ;
45
+ border : # 354856 1px solid;
46
+ -moz-border-radius : 6px ;
47
+ -webkit-border-radius : 6px ;
48
+ -khtml-border-radius : 6px ;
49
+ border-radius : 6px ;
50
+ background-color : # 57BB7D ;
51
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 57BB7D ), to (# 32724A ));
52
+ background-image : -moz-linear-gradient (center top, # 57BB7D 0% , # 32724A 100% );
53
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#57BB7D', endColorstr='#32724A');
54
+ -webkit-box-shadow : # 666 0 0 2px ;
55
+ box-shadow : # 666 0 0 2px ;
56
+ -moz-box-shadow : 0px 0px 2px # 666 ;
57
+ }
58
+
59
+ form .file_upload_large {
60
+ width : 100% ;
61
+ height : 7em ;
62
+ line-height : 7em ;
63
+ font-size : 2em ;
64
+ border : # 354856 1px solid;
65
+ -moz-border-radius : 6px ;
66
+ -webkit-border-radius : 6px ;
67
+ -khtml-border-radius : 6px ;
68
+ border-radius : 6px ;
69
+ background-color : # 57BB7D ;
70
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 57BB7D ), to (# 32724A ));
71
+ background-image : -moz-linear-gradient (center top, # 57BB7D 0% , # 32724A 100% );
72
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#57BB7D', endColorstr='#32724A');
73
+ -webkit-box-shadow : # 666 0 0 2px ;
74
+ box-shadow : # 666 0 0 2px ;
75
+ -moz-box-shadow : 0px 0px 2px # 666 ;
76
+ }
77
+
78
+ form .file_upload_highlight ,
79
+ form .file_upload : hover {
80
+ background-color : # 5BD288 ;
81
+ background-image : -webkit-gradient (linear, left top, left bottom, from (# 5BD288 ), to (# 429D64 ));
82
+ background-image : -moz-linear-gradient (center top, # 5BD288 0% , # 429D64 100% );
83
+ filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#5BD288', endColorstr='#429D64');
84
+ }
85
+
86
+ form .file_upload input {
87
+ position : absolute;
88
+ top : 0 ;
89
+ right : 0 ;
90
+ margin : 0 ;
91
+ border : 300px solid transparent;
92
+ opacity : 0 ;
93
+ -ms-filter : 'alpha(opacity=0)' ;
94
+ filter : alpha (opacity=0);
95
+ -o-transform : translate (-300px , -300px ) scale (10 );
96
+ -moz-transform : translate (-800px , 0 ) scale (10 );
97
+ cursor : pointer;
98
+ height : 100% ;
99
+ }
100
+
101
+ : root form .file_upload input {
102
+ height : auto;
103
+ }
104
+
105
+ form .file_upload button ,
106
+ .no-js .file_upload_label ,
107
+ .no-js .file_upload_overall_progress ,
108
+ .no-js .file_upload_buttons {
109
+ display : none;
110
+ }
111
+
112
+ .file_upload .file_upload_label ,
113
+ .file_upload .file_upload_overall_progress ,
114
+ .file_upload .file_upload_buttons {
115
+ display : block;
116
+ }
117
+
118
+ .file_upload img {
119
+ border : none;
120
+ }
121
+
122
+ .progressbar , .progressbar div {
123
+ border : 1px solid # aaa ;
124
+ -moz-border-radius : 4px ;
125
+ -webkit-border-radius : 4px ;
126
+ border-radius : 4px ;
127
+ }
128
+
129
+ .progressbar div {
130
+ width : 100% ;
131
+ height : 100% ;
132
+ margin : -1px ;
133
+ }
134
+
135
+ .file_upload_progress .ui-progressbar-value ,
136
+ .file_upload_overall_progress .ui-progressbar-value ,
137
+ .progressbar div {
138
+ background : url (images/pbar-ani.gif);
139
+ }
140
+
141
+ .file_upload_progress div {
142
+ width : 150px ;
143
+ height : 17px ;
144
+ }
145
+
146
+ .file_upload_overall_progress div {
147
+ width : 350px ;
148
+ height : 17px ;
149
+ }
150
+
151
+ .file_upload .file_name {
152
+ padding : 0 10px ;
153
+ font-size : 1.1em ;
154
+ }
155
+
156
+ .file_upload .file_size {
157
+ padding : 0 10px 0 0 ;
158
+ text-align : right;
159
+ font-size : 1.1em ;
160
+ }
161
+
162
+ .file_upload .files ,
163
+ .file_upload_overall_progress {
164
+ margin : 10px 0 ;
165
+ }
166
+
167
+ .file_upload .ui-widget {
168
+ font-size : 1em ;
169
+ }
0 commit comments