1 |
|
2 | .next-sr-only {
|
3 | position: absolute;
|
4 | width: 1px;
|
5 | height: 1px;
|
6 | padding: 0;
|
7 | overflow: hidden;
|
8 | clip: rect(0, 0, 0, 0);
|
9 | white-space: nowrap;
|
10 | border: 0;
|
11 | top: 0;
|
12 | margin: -1px; }
|
13 |
|
14 | .next-upload-list[dir=rtl].next-upload-list-text .next-upload-list-item {
|
15 | padding: 4px 8px;
|
16 | padding: var(--s-1, 4px) var(--upload-text-list-padding-left-right, 8px);
|
17 | padding-left: 36px;
|
18 | padding-left: calc(var(--upload-text-list-close-icon-right, 12px)*2 + var(--upload-text-list-close-icon-size, 12px)); }
|
19 |
|
20 | .next-upload-list[dir=rtl].next-upload-list-text .next-icon {
|
21 | left: 12px;
|
22 | left: var(--upload-text-list-close-icon-right, 12px);
|
23 | right: auto; }
|
24 |
|
25 | .next-upload-list[dir=rtl].next-upload-list-image .next-icon-close {
|
26 | float: left;
|
27 | margin-left: 4px;
|
28 | margin-left: var(--upload-image-list-close-icon-right, 4px);
|
29 | margin-right: 0; }
|
30 |
|
31 | .next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-thumbnail {
|
32 | float: right;
|
33 | margin-left: 8px;
|
34 | margin-left: var(--s-2, 8px);
|
35 | margin-right: 0; }
|
36 |
|
37 | .next-upload-list[dir=rtl].next-upload-list-image .next-upload-list-item-progress {
|
38 | margin-right: 56px;
|
39 | margin-right: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
40 | margin-left: 20px;
|
41 | margin-left: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2); }
|
42 |
|
43 | .next-upload {
|
44 | box-sizing: border-box; }
|
45 | .next-upload *,
|
46 | .next-upload *:before,
|
47 | .next-upload *:after {
|
48 | box-sizing: border-box; }
|
49 | .next-upload-inner {
|
50 | outline: 0;
|
51 | display: inline-block; }
|
52 | .next-upload-inner.next-hidden {
|
53 | display: none; }
|
54 | .next-upload-list {
|
55 | overflow: hidden;
|
56 | box-sizing: border-box; }
|
57 | .next-upload-list *,
|
58 | .next-upload-list *:before,
|
59 | .next-upload-list *:after {
|
60 | box-sizing: border-box; }
|
61 | .next-upload-list-item {
|
62 | position: relative; }
|
63 | .next-upload-list-item.next-hidden {
|
64 | display: none; }
|
65 | .next-upload-list-item-name {
|
66 | text-decoration: none; }
|
67 | .next-upload.next-disabled {
|
68 | border-color: #E6E7EB !important;
|
69 | border-color: var(--upload-disable-border-color, #E6E7EB) !important;
|
70 | color: #CCCCCC !important;
|
71 | color: var(--upload-disable-text-color, #CCCCCC) !important; }
|
72 | .next-upload.next-disabled .next-icon-close {
|
73 | cursor: not-allowed !important; }
|
74 | .next-upload.next-disabled .next-upload-inner * {
|
75 | color: #CCCCCC !important;
|
76 | color: var(--upload-disable-text-color, #CCCCCC) !important;
|
77 | border-color: #E6E7EB !important;
|
78 | border-color: var(--upload-disable-border-color, #E6E7EB) !important;
|
79 | cursor: not-allowed !important; }
|
80 |
|
81 | .next-upload-list-text .next-upload-list-item {
|
82 | background-color: #F2F3F7;
|
83 | background-color: var(--upload-text-list-bg-color, #F2F3F7);
|
84 | padding: 4px 8px;
|
85 | padding: var(--s-1, 4px) var(--upload-text-list-padding-left-right, 8px);
|
86 | padding-right: 36px;
|
87 | padding-right: calc(var(--upload-text-list-close-icon-right, 12px)*2 + var(--upload-text-list-close-icon-size, 12px));
|
88 | height: 40px;
|
89 | height: var(--upload-text-list-height, 40px);
|
90 | line-height: 32px;
|
91 | line-height: calc(var(--upload-text-list-height, 40px) - var(--s-2, 8px));
|
92 | font-size: 12px;
|
93 | font-size: var(--upload-text-list-font-size, 12px);
|
94 | overflow: hidden;
|
95 | transition: all 100ms linear;
|
96 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
97 | border-radius: 0;
|
98 | border-radius: var(--upload-text-list-corner, 0); }
|
99 | .next-upload-list-text .next-upload-list-item:not(:last-child) {
|
100 | margin-bottom: 4px; }
|
101 | .next-upload-list-text .next-upload-list-item-op {
|
102 | position: absolute;
|
103 | top: 0;
|
104 | right: 12px;
|
105 | right: var(--upload-text-list-close-icon-right, 12px); }
|
106 | .next-upload-list-text .next-upload-list-item .next-icon-close {
|
107 | color: #999999;
|
108 | color: var(--upload-text-list-close-icon-color, #999999);
|
109 | cursor: pointer;
|
110 | text-align: center;
|
111 | transition: all 100ms linear;
|
112 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
113 | line-height: 40px;
|
114 | line-height: var(--upload-text-list-height, 40px); }
|
115 | .next-upload-list-text .next-upload-list-item .next-icon-close:before,
|
116 | .next-upload-list-text .next-upload-list-item .next-icon-close .next-icon-remote {
|
117 | width: 12px;
|
118 | width: var(--upload-text-list-close-icon-size, 12px);
|
119 | font-size: 12px;
|
120 | font-size: var(--upload-text-list-close-icon-size, 12px);
|
121 | line-height: inherit; }
|
122 | .next-upload-list-text .next-upload-list-item:hover {
|
123 | background-color: #F2F3F7;
|
124 | background-color: var(--upload-text-list-bg-color-hover, #F2F3F7); }
|
125 | .next-upload-list-text .next-upload-list-item:hover .next-icon {
|
126 | color: #666666;
|
127 | color: var(--upload-text-list-close-icon-color-hover, #666666); }
|
128 | .next-upload-list-text .next-upload-list-item-name-wrap {
|
129 | text-overflow: ellipsis;
|
130 | white-space: nowrap;
|
131 | overflow: hidden;
|
132 | margin-right: 4px; }
|
133 | .next-upload-list-text .next-upload-list-item-name {
|
134 | color: #333333;
|
135 | color: var(--upload-text-list-name-font-color, #333333);
|
136 | transition: all 100ms linear;
|
137 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
138 | .next-upload-list-text .next-upload-list-item-size {
|
139 | color: #999999;
|
140 | color: var(--upload-text-list-size-font-color, #999999);
|
141 | margin-left: 8px; }
|
142 | .next-upload-list-text .next-upload-list-item-uploading {
|
143 | line-height: 16px;
|
144 | line-height: calc(var(--upload-text-list-height, 40px)/2 - var(--s-1, 4px)); }
|
145 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress {
|
146 | line-height: 0;
|
147 | padding-top: 4px;
|
148 | padding-top: calc(var(--upload-text-list-height, 40px)/2/2 - var(--s-1, 4px)/2 - var(--upload-text-list-progressbar-height, 8px)/2);
|
149 | padding-bottom: 4px;
|
150 | padding-bottom: calc(var(--upload-text-list-height, 40px)/2/2 - var(--s-1, 4px)/2 - var(--upload-text-list-progressbar-height, 8px)/2); }
|
151 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
|
152 | height: 8px;
|
153 | height: var(--upload-text-list-progressbar-height, 8px); }
|
154 | .next-upload-list-text .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
|
155 | height: 8px;
|
156 | height: var(--upload-text-list-progressbar-height, 8px);
|
157 | margin-top: -4px;
|
158 | margin-top: calc(0px - var(--upload-text-list-progressbar-height, 8px)/2); }
|
159 | .next-upload-list-text .next-upload-list-item-done {
|
160 | line-height: 32px;
|
161 | line-height: calc(var(--upload-text-list-height, 40px) - var(--s-2, 8px)); }
|
162 | .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-name {
|
163 | color: #5584FF;
|
164 | color: var(--upload-text-list-name-font-color-hover, #5584FF); }
|
165 | .next-upload-list-text .next-upload-list-item-done:hover .next-upload-list-item-size {
|
166 | color: #5584FF;
|
167 | color: var(--upload-text-list-size-font-color-hover, #5584FF); }
|
168 | .next-upload-list-text .next-upload-list-item-error {
|
169 |
|
170 | background-color: #FFECE4 !important;
|
171 | background-color: var(--upload-text-list-bg-color-error, #FFECE4) !important; }
|
172 | .next-upload-list-text .next-upload-list-item-error.next-upload-list-item-error-with-msg {
|
173 | line-height: 16px;
|
174 | line-height: calc(var(--upload-text-list-height, 40px)/2 - var(--s-1, 4px)); }
|
175 | .next-upload-list-text .next-upload-list-item-error-msg {
|
176 | text-overflow: ellipsis;
|
177 | white-space: nowrap;
|
178 | overflow: hidden;
|
179 | color: #FF3000;
|
180 | color: var(--upload-text-list-error-text-color, #FF3000); }
|
181 |
|
182 | .next-upload-list-image .next-upload-list-item {
|
183 | box-sizing: content-box;
|
184 | border: 1px solid #DCDEE3;
|
185 | border: var(--upload-image-list-item-border-width, 1px) solid var(--upload-image-list-item-border-color, #DCDEE3);
|
186 | background-color: #FFFFFF;
|
187 | background-color: var(--upload-image-list-item-bg-color, #FFFFFF);
|
188 | padding: 8px;
|
189 | padding: var(--upload-image-list-item-padding, 8px);
|
190 | height: 48px;
|
191 | height: var(--upload-image-list-item-picture-size, 48px);
|
192 | line-height: 48px;
|
193 | line-height: var(--upload-image-list-item-picture-size, 48px);
|
194 | font-size: 12px;
|
195 | font-size: var(--upload-image-list-item-font-size, 12px);
|
196 | transition: all 100ms linear;
|
197 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
198 | overflow: hidden;
|
199 | border-radius: 0;
|
200 | border-radius: var(--upload-card-list-corner, 0); }
|
201 | .next-upload-list-image .next-upload-list-item:not(:last-child) {
|
202 | margin-bottom: 4px; }
|
203 | .next-upload-list-image .next-upload-list-item:after {
|
204 | visibility: hidden;
|
205 | display: block;
|
206 | height: 0;
|
207 | font-size: 0;
|
208 | content: '\0020';
|
209 | clear: both; }
|
210 | .next-upload-list-image .next-upload-list-item-op {
|
211 | float: right;
|
212 | margin-right: 4px; }
|
213 | .next-upload-list-image .next-upload-list-item .next-icon-close {
|
214 | cursor: pointer;
|
215 | color: #999999;
|
216 | color: var(--upload-image-list-close-icon-color, #999999);
|
217 | text-align: center; }
|
218 | .next-upload-list-image .next-upload-list-item .next-icon-close:before,
|
219 | .next-upload-list-image .next-upload-list-item .next-icon-close .next-icon-remote {
|
220 | width: 12px;
|
221 | width: var(--upload-image-list-close-icon-size, 12px);
|
222 | font-size: 12px;
|
223 | font-size: var(--upload-image-list-close-icon-size, 12px);
|
224 | line-height: inherit; }
|
225 | .next-upload-list-image .next-upload-list-item:hover {
|
226 | border-color: #5584FF;
|
227 | border-color: var(--upload-image-list-item-border-color-hover, #5584FF); }
|
228 | .next-upload-list-image .next-upload-list-item:hover .next-icon-close {
|
229 | color: #666666;
|
230 | color: var(--upload-image-list-close-icon-color-hover, #666666); }
|
231 | .next-upload-list-image .next-upload-list-item-name {
|
232 | display: block;
|
233 | color: #333333;
|
234 | color: var(--upload-text-list-name-font-color, #333333);
|
235 | margin-left: 56px;
|
236 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--upload-image-list-item-padding, 8px));
|
237 | margin-right: 20px;
|
238 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
239 | text-overflow: ellipsis;
|
240 | white-space: nowrap;
|
241 | overflow: hidden;
|
242 | transition: all 100ms linear;
|
243 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear); }
|
244 | .next-upload-list-image .next-upload-list-item-size {
|
245 | color: #999999;
|
246 | color: var(--upload-text-list-size-font-color, #999999);
|
247 | margin-left: 8px; }
|
248 | .next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-name {
|
249 | color: #5584FF;
|
250 | color: var(--upload-text-list-name-font-color-hover, #5584FF); }
|
251 | .next-upload-list-image .next-upload-list-item-done:hover .next-upload-list-item-size {
|
252 | color: #5584FF;
|
253 | color: var(--upload-text-list-size-font-color-hover, #5584FF); }
|
254 | .next-upload-list-image .next-upload-list-item-thumbnail {
|
255 | float: left;
|
256 | width: 48px;
|
257 | width: var(--upload-image-list-item-picture-size, 48px);
|
258 | height: 48px;
|
259 | height: var(--upload-image-list-item-picture-size, 48px);
|
260 | color: #CCCCCC;
|
261 | color: var(--upload-image-list-item-thumbnail-font-color, #CCCCCC);
|
262 | border: 1px solid #DCDEE3;
|
263 | border: var(--upload-image-list-item-picture-border-width, 1px) solid var(--upload-image-list-item-picture-border-color, #DCDEE3);
|
264 | border-radius: 0;
|
265 | border-radius: var(--upload-image-list-item-picture-corner, 0);
|
266 | background-color: #F2F3F7;
|
267 | background-color: var(--upload-image-list-item-picture-background-color, #F2F3F7);
|
268 | margin-right: 8px;
|
269 | margin-right: var(--s-2, 8px);
|
270 | vertical-align: middle;
|
271 | text-align: center;
|
272 | overflow: hidden;
|
273 | box-sizing: border-box; }
|
274 | .next-upload-list-image .next-upload-list-item-thumbnail img {
|
275 | width: 100%;
|
276 | height: 100%; }
|
277 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon {
|
278 | display: block;
|
279 | margin: 0;
|
280 | line-height: 48px;
|
281 | line-height: var(--upload-image-list-item-picture-size, 48px); }
|
282 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon:before,
|
283 | .next-upload-list-image .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
|
284 | width: 24px;
|
285 | width: var(--upload-image-list-item-picture-icon-size, 24px);
|
286 | font-size: 24px;
|
287 | font-size: var(--upload-image-list-item-picture-icon-size, 24px);
|
288 | line-height: inherit; }
|
289 | .next-upload-list-image .next-upload-list-item-error {
|
290 | border-color: #FF3000 !important;
|
291 | border-color: var(--upload-image-list-item-border-color-error, #FF3000) !important;
|
292 | background-color: #FFFFFF;
|
293 | background-color: var(--upload-image-list-item-error-bg-color, #FFFFFF); }
|
294 | .next-upload-list-image .next-upload-list-item-uploading {
|
295 | background-color: #FFFFFF;
|
296 | background-color: var(--upload-image-list-item-uploading-bg-color, #FFFFFF); }
|
297 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-name {
|
298 | height: 24px;
|
299 | height: calc(var(--upload-image-list-item-picture-size, 48px)/2);
|
300 | line-height: 24px;
|
301 | line-height: calc(var(--upload-image-list-item-picture-size, 48px)/2); }
|
302 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress {
|
303 | margin-left: 56px;
|
304 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
305 | margin-right: 20px;
|
306 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
307 | line-height: 0;
|
308 | padding-top: 8px;
|
309 | padding-top: calc(var(--upload-image-list-item-picture-size, 48px)/2/2 - var(--upload-image-list-progressbar-height, 8px)/2);
|
310 | padding-bottom: 8px;
|
311 | padding-bottom: calc(var(--upload-image-list-item-picture-size, 48px)/2/2 - var(--upload-image-list-progressbar-height, 8px)/2); }
|
312 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-underlay {
|
313 | height: 8px;
|
314 | height: var(--upload-image-list-progressbar-height, 8px); }
|
315 | .next-upload-list-image .next-upload-list-item-uploading .next-upload-list-item-progress .next-progress-line-overlay {
|
316 | height: 8px;
|
317 | height: var(--upload-image-list-progressbar-height, 8px);
|
318 | margin-top: -4px;
|
319 | margin-top: calc(0px - var(--upload-image-list-progressbar-height, 8px)/2); }
|
320 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-name,
|
321 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
|
322 | height: 24px;
|
323 | height: calc(var(--upload-image-list-item-picture-size, 48px)/2);
|
324 | line-height: 24px;
|
325 | line-height: calc(var(--upload-image-list-item-picture-size, 48px)/2); }
|
326 | .next-upload-list-image .next-upload-list-item-error-with-msg .next-upload-list-item-error-msg {
|
327 | margin-left: 56px;
|
328 | margin-left: calc(var(--upload-image-list-item-picture-size, 48px) + var(--s-2, 8px));
|
329 | margin-right: 20px;
|
330 | margin-right: calc(var(--upload-image-list-close-icon-size, 12px) + var(--upload-image-list-close-icon-right, 4px)*2);
|
331 | color: #FF3000;
|
332 | color: var(--upload-text-list-error-text-color, #FF3000);
|
333 | text-overflow: ellipsis;
|
334 | white-space: nowrap;
|
335 | overflow: hidden; }
|
336 |
|
337 | .next-upload-list-card {
|
338 | display: inline-block; }
|
339 | .next-upload-list-card .next-upload-list-item {
|
340 | vertical-align: middle;
|
341 | float: left; }
|
342 | .next-upload-list-card .next-upload-list-item:not(:last-child) {
|
343 | margin-right: 12px;
|
344 | margin-right: var(--upload-card-list-margin-right, 12px); }
|
345 | .next-upload-list-card .next-upload-list-item-wrapper {
|
346 | position: relative;
|
347 | border: 1px solid #C4C6CF;
|
348 | border: 1px solid var(--upload-card-list-border-color, #C4C6CF);
|
349 | width: 100px;
|
350 | width: var(--upload-card-size, 100px);
|
351 | height: 100px;
|
352 | height: var(--upload-card-size, 100px);
|
353 | padding: 0px;
|
354 | padding: var(--upload-card-list-padding, 0px);
|
355 | background-color: transparent;
|
356 | background-color: var(--upload-card-list-bg-color, transparent);
|
357 | border-radius: 0;
|
358 | border-radius: var(--upload-card-border-radius, 0);
|
359 | overflow: hidden; }
|
360 | .next-upload-list-card .next-upload-list-item-thumbnail {
|
361 | text-align: center;
|
362 | width: 100%;
|
363 | height: 100%;
|
364 | color: #CCCCCC;
|
365 | color: var(--upload-card-list-thumbnail-font-color, #CCCCCC);
|
366 | font-size: 12px;
|
367 | font-size: var(--upload-card-list-thumbnail-font-size, 12px); }
|
368 | .next-upload-list-card .next-upload-list-item-thumbnail img {
|
369 | max-width: 100%;
|
370 | max-height: 100%;
|
371 | position: absolute;
|
372 | top: 0;
|
373 | right: 0;
|
374 | bottom: 0;
|
375 | left: 0;
|
376 | margin: auto; }
|
377 | .next-upload-list-card .next-upload-list-item-thumbnail img:focus {
|
378 | outline: 0; }
|
379 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon {
|
380 | width: 100%; }
|
381 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon:before,
|
382 | .next-upload-list-card .next-upload-list-item-thumbnail .next-icon .next-icon-remote {
|
383 | width: 48px;
|
384 | width: var(--upload-card-list-thumbnail-icon-size, 48px);
|
385 | font-size: 48px;
|
386 | font-size: var(--upload-card-list-thumbnail-icon-size, 48px);
|
387 | line-height: inherit; }
|
388 | .next-upload-list-card .next-upload-list-item-handler {
|
389 | margin-top: 13px;
|
390 | margin-top: calc(var(--upload-card-size, 100px)/2 - 37px); }
|
391 | .next-upload-list-card .next-upload-list-item-handler .next-icon-cry {
|
392 | margin-top: 10px; }
|
393 | .next-upload-list-card .next-upload-list-item-name {
|
394 | display: block;
|
395 | width: 100px;
|
396 | width: var(--upload-card-size, 100px);
|
397 | text-align: center;
|
398 | margin-top: 4px;
|
399 | margin-top: var(--upload-card-list-name-margin-top, 4px);
|
400 | font-size: 12px;
|
401 | font-size: var(--upload-card-list-name-font-size, 12px);
|
402 | color: #666666;
|
403 | color: var(--upload-card-list-name-font-color, #666666);
|
404 | text-overflow: ellipsis;
|
405 | white-space: nowrap;
|
406 | overflow: hidden; }
|
407 | .next-upload-list-card .next-upload-list-item-progress {
|
408 | position: absolute;
|
409 | font-size: 0;
|
410 | bottom: 0;
|
411 | left: 0;
|
412 | width: 100%; }
|
413 | .next-upload-list-card .next-upload-list-item-progress .next-progress-line-underlay {
|
414 | border-radius: 0;
|
415 | height: 8px;
|
416 | height: var(--upload-card-list-progressbar-height, 8px); }
|
417 | .next-upload-list-card .next-upload-list-item-progress .next-progress-line-overlay {
|
418 | border-radius: 0;
|
419 | height: 8px;
|
420 | height: var(--upload-card-list-progressbar-height, 8px);
|
421 | margin-top: -4px;
|
422 | margin-top: calc(0px - var(--upload-card-list-progressbar-height, 8px)/2); }
|
423 | .next-upload-list-card .next-upload-list-item-uploading .next-upload-list-item-wrapper {
|
424 | background-color: #F7F8FA;
|
425 | background-color: var(--upload-card-list-uploading-bg-color, #F7F8FA); }
|
426 | .next-upload-list-card .next-upload-list-item:hover .next-upload-tool {
|
427 | opacity: .8; }
|
428 | .next-upload-list-card .next-upload-list-item .next-upload-tool {
|
429 | position: absolute;
|
430 | z-index: 1;
|
431 | background-color: rgba(0, 0, 0, 0.7);
|
432 | background-color: rgba(0, 0, 0, var(--upload-select-card-tool-bg-opacity, 0.7));
|
433 | transition: all 100ms linear;
|
434 | transition: all var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
435 | opacity: 0;
|
436 | width: 100%;
|
437 | height: 28px;
|
438 | height: var(--upload-select-card-tool-height, 28px);
|
439 | left: 0;
|
440 | bottom: 0;
|
441 | display: flex; }
|
442 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon {
|
443 | line-height: 28px;
|
444 | line-height: var(--upload-select-card-tool-height, 28px);
|
445 | color: #FFFFFF;
|
446 | cursor: pointer; }
|
447 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon:before,
|
448 | .next-upload-list-card .next-upload-list-item .next-upload-tool .next-icon .next-icon-remote {
|
449 | width: 16px;
|
450 | width: var(--upload-select-card-tool-icon-size, 16px);
|
451 | font-size: 16px;
|
452 | font-size: var(--upload-select-card-tool-icon-size, 16px);
|
453 | line-height: inherit; }
|
454 | .next-upload-list-card .next-upload-list-item .next-upload-tool-item {
|
455 | width: 100%;
|
456 | text-align: center; }
|
457 | .next-upload-list-card .next-upload-list-item .next-upload-tool-item:not(:last-child) {
|
458 | border-right: 1px solid #FFFFFF; }
|
459 | .next-upload-list-card .next-upload-list-item .next-upload-tool-reupload {
|
460 | display: inline-block; }
|
461 | .next-upload-list-card .next-upload-list-item .next-upload-card {
|
462 | display: flex;
|
463 | flex-direction: column;
|
464 | justify-content: center; }
|
465 | .next-upload-list-card .next-upload-list-item-error .next-upload-list-item-wrapper {
|
466 | border-color: #FF3000;
|
467 | border-color: var(--upload-card-list-border-color-error, #FF3000); }
|
468 | .next-upload-list-card.next-upload-ie9 .next-upload-tool {
|
469 | display: table; }
|
470 | .next-upload-list-card.next-upload-ie9 .next-upload-tool-item {
|
471 | display: table-cell;
|
472 | width: 1%; }
|
473 | .next-upload-list-card.next-upload-ie9 .next-upload-card {
|
474 | display: table-cell; }
|
475 |
|
476 | .next-upload-card {
|
477 | border: 1px dashed #C4C6CF;
|
478 | border: 1px var(--upload-card-border-style, dashed) var(--upload-card-border-color, #C4C6CF);
|
479 | width: 100px;
|
480 | width: var(--upload-card-size, 100px);
|
481 | height: 100px;
|
482 | height: var(--upload-card-size, 100px);
|
483 | background-color: #FFFFFF;
|
484 | background-color: var(--upload-card-bg-color, #FFFFFF);
|
485 | text-align: center;
|
486 | cursor: pointer;
|
487 | transition: border-color 100ms linear;
|
488 | transition: border-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
489 | display: table-cell;
|
490 | vertical-align: middle;
|
491 | border-radius: 0;
|
492 | border-radius: var(--upload-card-border-radius, 0); }
|
493 | .next-upload-card .next-icon {
|
494 | color: #C4C6CF;
|
495 | color: var(--upload-card-icon-color, #C4C6CF); }
|
496 | .next-upload-card .next-icon:before,
|
497 | .next-upload-card .next-icon .next-icon-remote {
|
498 | width: 24px;
|
499 | width: var(--upload-card-add-icon-size, 24px);
|
500 | font-size: 24px;
|
501 | font-size: var(--upload-card-add-icon-size, 24px);
|
502 | line-height: inherit; }
|
503 | .next-upload-card .next-upload-add-icon::before {
|
504 | content: "";
|
505 | content: var(--upload-card-add-icon, ""); }
|
506 | .next-upload-card .next-upload-text {
|
507 | font-size: 12px;
|
508 | font-size: var(--upload-card-add-text-size, 12px);
|
509 | margin-top: 12px;
|
510 | margin-top: var(--upload-card-add-text-margin-top, 12px);
|
511 | color: #666666;
|
512 | color: var(--upload-card-font-color, #666666);
|
513 | outline: none; }
|
514 | .next-upload-card:hover {
|
515 | border-color: #5584FF;
|
516 | border-color: var(--upload-card-hover-border-color, #5584FF); }
|
517 | .next-upload-card:hover .next-icon {
|
518 | color: #5584FF;
|
519 | color: var(--upload-card-hover-font-color, #5584FF); }
|
520 | .next-upload-card:hover .next-upload-text {
|
521 | color: #5584FF;
|
522 | color: var(--upload-card-hover-font-color, #5584FF); }
|
523 |
|
524 | .next-upload-dragable .next-upload-inner {
|
525 | display: block; }
|
526 |
|
527 | .next-upload-dragable .next-upload-drag {
|
528 | border: 1px dashed #C4C6CF;
|
529 | border: 1px dashed var(--upload-drag-zone-border-color, #C4C6CF);
|
530 | transition: border-color 100ms linear;
|
531 | transition: border-color var(--motion-duration-immediately, 100ms) var(--motion-linear, linear);
|
532 | cursor: pointer;
|
533 | border-radius: 3px;
|
534 | border-radius: var(--upload-drag-zone-corner, 3px);
|
535 | background-color: transparent;
|
536 | background-color: var(--upload-drag-zone-bg-color, transparent);
|
537 | text-align: center;
|
538 | margin-bottom: 4px;
|
539 | margin-bottom: var(--s-1, 4px); }
|
540 | .next-upload-dragable .next-upload-drag-icon {
|
541 | margin: 20px 0 0;
|
542 | margin: var(--s-5, 20px) 0 0;
|
543 | color: #666666;
|
544 | color: var(--upload-drag-zone-upload-icon-color, #666666); }
|
545 | .next-upload-dragable .next-upload-drag-icon .next-upload-drag-upload-icon::before {
|
546 | content: "";
|
547 | content: var(--upload-drag-zone-upload-icon, "");
|
548 | font-size: 24px;
|
549 | font-size: var(--upload-drag-zone-icon-size, 24px); }
|
550 | .next-upload-dragable .next-upload-drag-text {
|
551 | margin: 12px 0 0;
|
552 | margin: var(--s-3, 12px) 0 0;
|
553 | font-size: 14px;
|
554 | font-size: var(--upload-drag-zone-font-size, 14px);
|
555 | color: #666666;
|
556 | color: var(--upload-drag-zone-upload-normal-title-color, #666666); }
|
557 | .next-upload-dragable .next-upload-drag-hint {
|
558 | margin: 4px 0 20px;
|
559 | margin: var(--s-1, 4px) 0 var(--s-5, 20px);
|
560 | font-size: 12px;
|
561 | font-size: var(--upload-drag-zone-hint-font-size, 12px);
|
562 | color: #999999;
|
563 | color: var(--upload-drag-zone-upload-normal-hint-color, #999999); }
|
564 | .next-upload-dragable .next-upload-drag-over {
|
565 | border-color: #5584FF;
|
566 | border-color: var(--upload-drag-zone-over-border-color, #5584FF); }
|