1 | @charset "UTF-8";
|
2 | .uppy-Informer {
|
3 | position: absolute;
|
4 | bottom: 60px;
|
5 | left: 0;
|
6 | right: 0;
|
7 | text-align: center;
|
8 | opacity: 1;
|
9 | transform: none;
|
10 | transition: all 250ms ease-in;
|
11 | z-index: 1005;
|
12 | }
|
13 |
|
14 | .uppy-Informer[aria-hidden=true] {
|
15 | opacity: 0;
|
16 | transform: translateY(350%);
|
17 | transition: all 300ms ease-in;
|
18 | z-index: -1000;
|
19 | }
|
20 |
|
21 | .uppy-Informer p {
|
22 | display: inline-block;
|
23 | margin: 0;
|
24 | padding: 0;
|
25 | font-size: 12px;
|
26 | line-height: 1.4;
|
27 | font-weight: 400;
|
28 | padding: 6px 15px;
|
29 | background-color: #757575;
|
30 | color: #fff;
|
31 | border-radius: 18px;
|
32 | max-width: 90%;
|
33 | }
|
34 | .uppy-size--md .uppy-Informer p {
|
35 | font-size: 14px;
|
36 | line-height: 1.3;
|
37 | max-width: 500px;
|
38 | padding: 10px 20px;
|
39 | }
|
40 | [data-uppy-theme=dark] .uppy-Informer p {
|
41 | background-color: #333;
|
42 | }
|
43 |
|
44 | [dir="ltr"] .uppy-Informer span{
|
45 | left: 3px;
|
46 | }
|
47 |
|
48 | [dir="rtl"] .uppy-Informer span{
|
49 | right: 3px;
|
50 | }
|
51 |
|
52 | [dir="ltr"] .uppy-Informer span{
|
53 | margin-left: -1px;
|
54 | }
|
55 |
|
56 | [dir="rtl"] .uppy-Informer span{
|
57 | margin-right: -1px;
|
58 | }
|
59 |
|
60 | .uppy-Informer span {
|
61 | line-height: 12px;
|
62 | width: 13px;
|
63 | height: 13px;
|
64 | display: inline-block;
|
65 | vertical-align: middle;
|
66 | color: #525252;
|
67 | background-color: #fff;
|
68 | border-radius: 50%;
|
69 | position: relative;
|
70 | top: -1px;
|
71 | font-size: 10px;
|
72 | -webkit-margin-start: -1px;
|
73 | }
|
74 |
|
75 | .uppy-Informer span:hover {
|
76 | cursor: help;
|
77 | }
|
78 |
|
79 | .uppy-Informer span:after {
|
80 | line-height: 1.3;
|
81 | word-wrap: break-word;
|
82 | }
|
83 |
|
84 |
|
85 |
|
86 |
|
87 |
|
88 |
|
89 |
|
90 |
|
91 |
|
92 |
|
93 |
|
94 |
|
95 |
|
96 |
|
97 |
|
98 |
|
99 |
|
100 |
|
101 | .uppy-Root [aria-label][role~=tooltip] {
|
102 |
|
103 | position: relative;
|
104 | }
|
105 |
|
106 | .uppy-Root [aria-label][role~=tooltip]::before,
|
107 | .uppy-Root [aria-label][role~=tooltip]::after {
|
108 |
|
109 | transform: translate3d(0, 0, 0);
|
110 | -webkit-backface-visibility: hidden;
|
111 | backface-visibility: hidden;
|
112 | will-change: transform;
|
113 | opacity: 0;
|
114 | pointer-events: none;
|
115 | transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
|
116 | position: absolute;
|
117 | box-sizing: border-box;
|
118 | z-index: 10;
|
119 | transform-origin: top;
|
120 | }
|
121 |
|
122 | .uppy-Root [aria-label][role~=tooltip]::before {
|
123 |
|
124 | background-size: 100% auto !important;
|
125 | content: "";
|
126 | }
|
127 |
|
128 | .uppy-Root [aria-label][role~=tooltip]::after {
|
129 |
|
130 | background: rgba(17, 17, 17, 0.9);
|
131 | border-radius: 4px;
|
132 | color: #ffffff;
|
133 | content: attr(aria-label);
|
134 | font-size: var(--microtip-font-size, 13px);
|
135 | font-weight: var(--microtip-font-weight, normal);
|
136 | text-transform: var(--microtip-text-transform, none);
|
137 | padding: 0.5em 1em;
|
138 | white-space: nowrap;
|
139 | box-sizing: content-box;
|
140 | }
|
141 |
|
142 | .uppy-Root [aria-label][role~=tooltip]:hover::before,
|
143 | .uppy-Root [aria-label][role~=tooltip]:hover::after,
|
144 | .uppy-Root [aria-label][role~=tooltip]:focus::before,
|
145 | .uppy-Root [aria-label][role~=tooltip]:focus::after {
|
146 |
|
147 | opacity: 1;
|
148 | pointer-events: auto;
|
149 | }
|
150 |
|
151 |
|
152 |
|
153 |
|
154 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
|
155 |
|
156 | background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
|
157 | height: 6px;
|
158 | width: 18px;
|
159 | margin-bottom: 5px;
|
160 | }
|
161 |
|
162 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
|
163 |
|
164 | margin-bottom: 11px;
|
165 | }
|
166 |
|
167 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
|
168 |
|
169 | transform: translate3d(-50%, 0, 0);
|
170 | bottom: 100%;
|
171 | left: 50%;
|
172 | }
|
173 |
|
174 | .uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
|
175 |
|
176 | transform: translate3d(-50%, -5px, 0);
|
177 | }
|
178 |
|
179 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
|
180 |
|
181 | transform: translate3d(-50%, 0, 0);
|
182 | bottom: 100%;
|
183 | left: 50%;
|
184 | }
|
185 |
|
186 | .uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
|
187 |
|
188 | transform: translate3d(-50%, -5px, 0);
|
189 | }
|
190 |
|
191 |
|
192 |
|
193 |
|
194 | .uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
|
195 |
|
196 | transform: translate3d(calc(-100% + 16px), 0, 0);
|
197 | bottom: 100%;
|
198 | }
|
199 |
|
200 | .uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
|
201 |
|
202 | transform: translate3d(calc(-100% + 16px), -5px, 0);
|
203 | }
|
204 |
|
205 |
|
206 |
|
207 |
|
208 | .uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
|
209 |
|
210 | transform: translate3d(calc(0% + -16px), 0, 0);
|
211 | bottom: 100%;
|
212 | }
|
213 |
|
214 | .uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
|
215 |
|
216 | transform: translate3d(calc(0% + -16px), -5px, 0);
|
217 | }
|
218 |
|
219 |
|
220 |
|
221 |
|
222 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
|
223 |
|
224 | background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
|
225 | height: 6px;
|
226 | width: 18px;
|
227 | margin-top: 5px;
|
228 | margin-bottom: 0;
|
229 | }
|
230 |
|
231 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
|
232 |
|
233 | margin-top: 11px;
|
234 | }
|
235 |
|
236 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
|
237 |
|
238 | transform: translate3d(-50%, -10px, 0);
|
239 | bottom: auto;
|
240 | left: 50%;
|
241 | top: 100%;
|
242 | }
|
243 |
|
244 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
|
245 |
|
246 | transform: translate3d(-50%, 0, 0);
|
247 | }
|
248 |
|
249 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
|
250 |
|
251 | transform: translate3d(-50%, -10px, 0);
|
252 | top: 100%;
|
253 | left: 50%;
|
254 | }
|
255 |
|
256 | .uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
|
257 |
|
258 | transform: translate3d(-50%, 0, 0);
|
259 | }
|
260 |
|
261 |
|
262 |
|
263 |
|
264 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
|
265 |
|
266 | transform: translate3d(calc(-100% + 16px), -10px, 0);
|
267 | top: 100%;
|
268 | }
|
269 |
|
270 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
|
271 |
|
272 | transform: translate3d(calc(-100% + 16px), 0, 0);
|
273 | }
|
274 |
|
275 |
|
276 |
|
277 |
|
278 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
|
279 |
|
280 | transform: translate3d(calc(0% + -16px), -10px, 0);
|
281 | top: 100%;
|
282 | }
|
283 |
|
284 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
|
285 |
|
286 | transform: translate3d(calc(0% + -16px), 0, 0);
|
287 | }
|
288 |
|
289 |
|
290 |
|
291 |
|
292 | .uppy-Root [role~=tooltip][data-microtip-position=left]::before,
|
293 | .uppy-Root [role~=tooltip][data-microtip-position=left]::after {
|
294 |
|
295 | bottom: auto;
|
296 | left: auto;
|
297 | right: 100%;
|
298 | top: 50%;
|
299 | transform: translate3d(10px, -50%, 0);
|
300 | }
|
301 |
|
302 | .uppy-Root [role~=tooltip][data-microtip-position=left]::before {
|
303 |
|
304 | background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
|
305 | height: 18px;
|
306 | width: 6px;
|
307 | margin-right: 5px;
|
308 | margin-bottom: 0;
|
309 | }
|
310 |
|
311 | .uppy-Root [role~=tooltip][data-microtip-position=left]::after {
|
312 |
|
313 | margin-right: 11px;
|
314 | }
|
315 |
|
316 | .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
|
317 | .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
|
318 |
|
319 | transform: translate3d(0, -50%, 0);
|
320 | }
|
321 |
|
322 |
|
323 |
|
324 |
|
325 | .uppy-Root [role~=tooltip][data-microtip-position=right]::before,
|
326 | .uppy-Root [role~=tooltip][data-microtip-position=right]::after {
|
327 |
|
328 | bottom: auto;
|
329 | left: 100%;
|
330 | top: 50%;
|
331 | transform: translate3d(-10px, -50%, 0);
|
332 | }
|
333 |
|
334 | .uppy-Root [role~=tooltip][data-microtip-position=right]::before {
|
335 |
|
336 | background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
|
337 | height: 18px;
|
338 | width: 6px;
|
339 | margin-bottom: 0;
|
340 | margin-left: 5px;
|
341 | }
|
342 |
|
343 | .uppy-Root [role~=tooltip][data-microtip-position=right]::after {
|
344 |
|
345 | margin-left: 11px;
|
346 | }
|
347 |
|
348 | .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
|
349 | .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
|
350 |
|
351 | transform: translate3d(0, -50%, 0);
|
352 | }
|
353 |
|
354 |
|
355 |
|
356 |
|
357 | .uppy-Root [role~=tooltip][data-microtip-size=small]::after {
|
358 |
|
359 | white-space: initial;
|
360 | width: 80px;
|
361 | }
|
362 |
|
363 | .uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
|
364 |
|
365 | white-space: initial;
|
366 | width: 150px;
|
367 | }
|
368 |
|
369 | .uppy-Root [role~=tooltip][data-microtip-size=large]::after {
|
370 |
|
371 | white-space: initial;
|
372 | width: 260px;
|
373 | }
|
374 |
|
375 | .uppy-StatusBar {
|
376 | display: -ms-flexbox;
|
377 | display: flex;
|
378 | position: relative;
|
379 | height: 40px;
|
380 | line-height: 40px;
|
381 | font-size: 12px;
|
382 | font-weight: 400;
|
383 | color: #fff;
|
384 | background-color: #fff;
|
385 | z-index: 1001;
|
386 | transition: height 0.2s;
|
387 | }
|
388 | [data-uppy-theme=dark] .uppy-StatusBar {
|
389 | background-color: #1f1f1f;
|
390 | }
|
391 |
|
392 | .uppy-size--md .uppy-StatusBar {
|
393 | height: 46px;
|
394 | }
|
395 |
|
396 | .uppy-StatusBar:before {
|
397 | content: "";
|
398 | position: absolute;
|
399 | left: 0;
|
400 | right: 0;
|
401 | top: 0;
|
402 | bottom: 0;
|
403 | width: 100%;
|
404 | height: 2px;
|
405 | background-color: #eaeaea;
|
406 | }
|
407 | [data-uppy-theme=dark] .uppy-StatusBar:before {
|
408 | background-color: #757575;
|
409 | }
|
410 |
|
411 | .uppy-StatusBar[aria-hidden=true] {
|
412 | overflow-y: hidden;
|
413 | height: 0;
|
414 | }
|
415 |
|
416 | .uppy-StatusBar.is-complete .uppy-StatusBar-progress {
|
417 | background-color: #1bb240;
|
418 | }
|
419 |
|
420 | .uppy-StatusBar.is-error .uppy-StatusBar-progress {
|
421 | background-color: #e32437;
|
422 | }
|
423 |
|
424 | .uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
|
425 | color: #1bb240;
|
426 | }
|
427 |
|
428 | .uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
|
429 | color: #e32437;
|
430 | }
|
431 |
|
432 | .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
|
433 | background-color: #fff;
|
434 | height: 65px;
|
435 | border-top: 1px solid #eaeaea;
|
436 | }
|
437 | [data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
|
438 | background-color: #1f1f1f;
|
439 | border-top: 1px solid #333;
|
440 | }
|
441 |
|
442 | .uppy-StatusBar-progress {
|
443 | background-color: #2275d7;
|
444 | height: 2px;
|
445 | position: absolute;
|
446 | z-index: 1001;
|
447 | transition: background-color, width 0.3s ease-out;
|
448 | }
|
449 | .uppy-StatusBar-progress.is-indeterminate {
|
450 | background-size: 64px 64px;
|
451 | background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.3) 75%, transparent 75%, transparent);
|
452 | animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
|
453 | }
|
454 |
|
455 | @keyframes uppy-StatusBar-ProgressStripes {
|
456 | from {
|
457 | background-position: 0 0;
|
458 | }
|
459 | to {
|
460 | background-position: 64px 0;
|
461 | }
|
462 | }
|
463 | .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
|
464 | .uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
|
465 | background-color: #f6a623;
|
466 | }
|
467 |
|
468 | .uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
|
469 | display: none;
|
470 | }
|
471 |
|
472 | [dir="ltr"] .uppy-StatusBar-content{
|
473 | padding-left: 10px;
|
474 | }
|
475 |
|
476 | [dir="rtl"] .uppy-StatusBar-content{
|
477 | padding-right: 10px;
|
478 | }
|
479 |
|
480 | .uppy-StatusBar-content {
|
481 | display: -ms-flexbox;
|
482 | display: flex;
|
483 | -ms-flex-align: center;
|
484 | align-items: center;
|
485 | position: relative;
|
486 | z-index: 1002;
|
487 | -webkit-padding-start: 10px;
|
488 | white-space: nowrap;
|
489 | text-overflow: ellipsis;
|
490 | color: #333;
|
491 | height: 100%;
|
492 | }
|
493 | [dir="ltr"] .uppy-size--md .uppy-StatusBar-content{
|
494 | padding-left: 15px;
|
495 | }
|
496 | [dir="rtl"] .uppy-size--md .uppy-StatusBar-content{
|
497 | padding-right: 15px;
|
498 | }
|
499 | .uppy-size--md .uppy-StatusBar-content {
|
500 | -webkit-padding-start: 15px;
|
501 | }
|
502 | [data-uppy-theme=dark] .uppy-StatusBar-content {
|
503 | color: #eaeaea;
|
504 | }
|
505 |
|
506 | [dir="ltr"] .uppy-StatusBar-status{
|
507 | padding-right: 0.3em;
|
508 | }
|
509 |
|
510 | [dir="rtl"] .uppy-StatusBar-status{
|
511 | padding-left: 0.3em;
|
512 | }
|
513 |
|
514 | .uppy-StatusBar-status {
|
515 | line-height: 1.4;
|
516 | font-weight: normal;
|
517 | display: -ms-flexbox;
|
518 | display: flex;
|
519 | -ms-flex-direction: column;
|
520 | flex-direction: column;
|
521 | -ms-flex-pack: center;
|
522 | justify-content: center;
|
523 | -webkit-padding-end: 0.3em;
|
524 | }
|
525 |
|
526 | .uppy-StatusBar-statusPrimary {
|
527 | font-weight: 500;
|
528 | line-height: 1;
|
529 | }
|
530 | [data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
|
531 | color: #eaeaea;
|
532 | }
|
533 |
|
534 | .uppy-StatusBar-statusSecondary {
|
535 | margin-top: 1px;
|
536 | font-size: 11px;
|
537 | line-height: 1.2;
|
538 | display: inline-block;
|
539 | color: #757575;
|
540 | white-space: nowrap;
|
541 | }
|
542 | [data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
|
543 | color: #bbb;
|
544 | }
|
545 |
|
546 | [dir="ltr"] .uppy-StatusBar-statusSecondaryHint{
|
547 | margin-right: 5px;
|
548 | }
|
549 |
|
550 | [dir="rtl"] .uppy-StatusBar-statusSecondaryHint{
|
551 | margin-left: 5px;
|
552 | }
|
553 |
|
554 | .uppy-StatusBar-statusSecondaryHint {
|
555 | display: inline-block;
|
556 | vertical-align: middle;
|
557 | -webkit-margin-end: 5px;
|
558 | line-height: 1;
|
559 | }
|
560 | [dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{
|
561 | margin-right: 8px;
|
562 | }
|
563 | [dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{
|
564 | margin-left: 8px;
|
565 | }
|
566 | .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
|
567 | -webkit-margin-end: 8px;
|
568 | }
|
569 |
|
570 | [dir="ltr"] .uppy-StatusBar-statusIndicator{
|
571 | margin-right: 7px;
|
572 | }
|
573 |
|
574 | [dir="rtl"] .uppy-StatusBar-statusIndicator{
|
575 | margin-left: 7px;
|
576 | }
|
577 |
|
578 | .uppy-StatusBar-statusIndicator {
|
579 | position: relative;
|
580 | top: 1px;
|
581 | color: #525252;
|
582 | -webkit-margin-end: 7px;
|
583 | }
|
584 | .uppy-StatusBar-statusIndicator svg {
|
585 | vertical-align: text-bottom;
|
586 | }
|
587 |
|
588 | [dir="ltr"] .uppy-StatusBar-actions{
|
589 | right: 10px;
|
590 | }
|
591 |
|
592 | [dir="rtl"] .uppy-StatusBar-actions{
|
593 | left: 10px;
|
594 | }
|
595 |
|
596 | .uppy-StatusBar-actions {
|
597 | display: -ms-flexbox;
|
598 | display: flex;
|
599 | -ms-flex-align: center;
|
600 | align-items: center;
|
601 | position: absolute;
|
602 | top: 0;
|
603 | bottom: 0;
|
604 | z-index: 1004;
|
605 | }
|
606 |
|
607 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
|
608 | width: 100%;
|
609 | position: static;
|
610 | padding: 0 15px;
|
611 | background-color: #fafafa;
|
612 | }
|
613 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
|
614 | background-color: #1f1f1f;
|
615 | }
|
616 |
|
617 | .uppy-StatusBar-actionCircleBtn {
|
618 | line-height: 1;
|
619 | cursor: pointer;
|
620 | margin: 3px;
|
621 | opacity: 0.9;
|
622 | }
|
623 | .uppy-StatusBar-actionCircleBtn:focus {
|
624 | outline: none;
|
625 | }
|
626 | .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
|
627 | border: 0;
|
628 | }
|
629 | .uppy-StatusBar-actionCircleBtn:focus {
|
630 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
631 | }
|
632 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
|
633 | outline: none;
|
634 | }
|
635 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
|
636 | border: 0;
|
637 | }
|
638 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
|
639 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
640 | }
|
641 | .uppy-StatusBar-actionCircleBtn:hover {
|
642 | opacity: 1;
|
643 | }
|
644 | .uppy-StatusBar-actionCircleBtn:focus {
|
645 | border-radius: 50%;
|
646 | }
|
647 |
|
648 | .uppy-StatusBar-actionCircleBtn svg {
|
649 | vertical-align: bottom;
|
650 | }
|
651 |
|
652 | .uppy-StatusBar-actionBtn {
|
653 | display: inline-block;
|
654 | vertical-align: middle;
|
655 | font-size: 10px;
|
656 | line-height: inherit;
|
657 | color: #2275d7;
|
658 | }
|
659 | .uppy-size--md .uppy-StatusBar-actionBtn {
|
660 | font-size: 11px;
|
661 | }
|
662 |
|
663 | [dir="ltr"] .uppy-StatusBar-actionBtn--retry{
|
664 | margin-right: 6px;
|
665 | }
|
666 |
|
667 | [dir="rtl"] .uppy-StatusBar-actionBtn--retry{
|
668 | margin-left: 6px;
|
669 | }
|
670 |
|
671 | .uppy-StatusBar-actionBtn--retry {
|
672 | height: 16px;
|
673 | border-radius: 8px;
|
674 | -webkit-margin-end: 6px;
|
675 | background-color: #ff4b23;
|
676 | line-height: 1;
|
677 | color: #fff;
|
678 | padding: 1px 6px 3px 18px;
|
679 | position: relative;
|
680 | }
|
681 | .uppy-StatusBar-actionBtn--retry:focus {
|
682 | outline: none;
|
683 | }
|
684 | .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
|
685 | border: 0;
|
686 | }
|
687 | .uppy-StatusBar-actionBtn--retry:focus {
|
688 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
689 | }
|
690 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
|
691 | outline: none;
|
692 | }
|
693 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
|
694 | border: 0;
|
695 | }
|
696 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
|
697 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
698 | }
|
699 | .uppy-StatusBar-actionBtn--retry:hover {
|
700 | background-color: #f92d00;
|
701 | }
|
702 | [dir="ltr"] .uppy-StatusBar-actionBtn--retry svg{
|
703 | left: 6px;
|
704 | }
|
705 | [dir="rtl"] .uppy-StatusBar-actionBtn--retry svg{
|
706 | right: 6px;
|
707 | }
|
708 | .uppy-StatusBar-actionBtn--retry svg {
|
709 | position: absolute;
|
710 | top: 3px;
|
711 | }
|
712 |
|
713 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
714 | font-size: 14px;
|
715 | width: 100%;
|
716 | padding: 15px 10px;
|
717 | color: #fff;
|
718 | background-color: #1bb240;
|
719 | line-height: 1;
|
720 | }
|
721 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
|
722 | background-color: #189c38;
|
723 | }
|
724 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
725 | background-color: #1c8b37;
|
726 | }
|
727 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
|
728 | background-color: #18762f;
|
729 | }
|
730 |
|
731 | .uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
732 | padding: 13px 22px;
|
733 | width: auto;
|
734 | }
|
735 |
|
736 | .uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
|
737 | background-color: transparent;
|
738 | color: #2275d7;
|
739 | }
|
740 |
|
741 | [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
|
742 | padding-right: 3px;
|
743 | }
|
744 |
|
745 | [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
|
746 | padding-left: 3px;
|
747 | }
|
748 |
|
749 | [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
|
750 | padding-left: 3px;
|
751 | }
|
752 |
|
753 | [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded{
|
754 | padding-right: 3px;
|
755 | }
|
756 |
|
757 | .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
758 | -webkit-padding-end: 3px;
|
759 | -webkit-padding-start: 3px;
|
760 | padding-bottom: 1px;
|
761 | border-radius: 3px;
|
762 | }
|
763 | .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
764 | outline: none;
|
765 | }
|
766 | .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
|
767 | border: 0;
|
768 | }
|
769 | .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
770 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
771 | }
|
772 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
773 | outline: none;
|
774 | }
|
775 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
|
776 | border: 0;
|
777 | }
|
778 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
779 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
780 | }
|
781 |
|
782 | .uppy-StatusBar-actionBtn--done {
|
783 | line-height: 1;
|
784 | border-radius: 3px;
|
785 | padding: 7px 8px;
|
786 | }
|
787 | .uppy-StatusBar-actionBtn--done:focus {
|
788 | outline: none;
|
789 | }
|
790 | .uppy-StatusBar-actionBtn--done::-moz-focus-inner {
|
791 | border: 0;
|
792 | }
|
793 | .uppy-StatusBar-actionBtn--done:hover {
|
794 | color: #1b5dab;
|
795 | }
|
796 | .uppy-StatusBar-actionBtn--done:focus {
|
797 | background-color: #eceef2;
|
798 | }
|
799 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
|
800 | background-color: #333;
|
801 | }
|
802 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
|
803 | color: #02baf2;
|
804 | }
|
805 |
|
806 | .uppy-size--md .uppy-StatusBar-actionBtn--done {
|
807 | font-size: 14px;
|
808 | }
|
809 |
|
810 | [dir="ltr"] .uppy-StatusBar-details{
|
811 | left: 2px;
|
812 | }
|
813 |
|
814 | [dir="rtl"] .uppy-StatusBar-details{
|
815 | right: 2px;
|
816 | }
|
817 |
|
818 | .uppy-StatusBar-details {
|
819 | line-height: 12px;
|
820 | width: 13px;
|
821 | height: 13px;
|
822 | display: inline-block;
|
823 | vertical-align: middle;
|
824 | color: #fff;
|
825 | background-color: #939393;
|
826 | border-radius: 50%;
|
827 | position: relative;
|
828 | top: 0;
|
829 | font-size: 10px;
|
830 | font-weight: 600;
|
831 | text-align: center;
|
832 | cursor: help;
|
833 | }
|
834 |
|
835 | .uppy-StatusBar-details:after {
|
836 | line-height: 1.3;
|
837 | word-wrap: break-word;
|
838 | }
|
839 |
|
840 | [dir="ltr"] .uppy-StatusBar-spinner{
|
841 | margin-right: 10px;
|
842 | }
|
843 |
|
844 | [dir="rtl"] .uppy-StatusBar-spinner{
|
845 | margin-left: 10px;
|
846 | }
|
847 |
|
848 | .uppy-StatusBar-spinner {
|
849 | animation-name: uppy-StatusBar-spinnerAnimation;
|
850 | animation-duration: 1s;
|
851 | animation-iteration-count: infinite;
|
852 | animation-timing-function: linear;
|
853 | -webkit-margin-end: 10px;
|
854 | fill: #2275d7;
|
855 | }
|
856 |
|
857 | .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
|
858 | .uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
|
859 | fill: #f6a623;
|
860 | }
|
861 |
|
862 | @keyframes uppy-StatusBar-spinnerAnimation {
|
863 | 0% {
|
864 | transform: rotate(0deg);
|
865 | }
|
866 | 100% {
|
867 | transform: rotate(360deg);
|
868 | }
|
869 | }
|
870 | .uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list {
|
871 | display: -ms-flexbox;
|
872 | display: flex;
|
873 | -ms-flex-direction: row;
|
874 | flex-direction: row;
|
875 | -ms-flex-wrap: wrap;
|
876 | flex-wrap: wrap;
|
877 | -ms-flex-pack: justify;
|
878 | justify-content: space-between;
|
879 | -ms-flex-align: start;
|
880 | align-items: flex-start;
|
881 | padding: 6px;
|
882 | }
|
883 | .uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list::after {
|
884 | content: "";
|
885 | -ms-flex: auto;
|
886 | flex: auto;
|
887 | }
|
888 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
|
889 | width: 50%;
|
890 | position: relative;
|
891 | margin: 0;
|
892 | }
|
893 | .uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
|
894 | width: 33.3333%;
|
895 | }
|
896 | .uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
|
897 | width: 25%;
|
898 | }
|
899 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem::before {
|
900 | content: "";
|
901 | padding-top: 100%;
|
902 | display: block;
|
903 | }
|
904 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg {
|
905 | opacity: 0.85;
|
906 | }
|
907 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled {
|
908 | opacity: 0.5;
|
909 | }
|
910 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
|
911 | background-color: rgba(147, 147, 147, 0.2);
|
912 | }
|
913 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
|
914 | background-color: rgba(234, 234, 234, 0.2);
|
915 | }
|
916 | .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
|
917 | fill: rgba(0, 0, 0, 0.7);
|
918 | width: 30%;
|
919 | height: 30%;
|
920 | }
|
921 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
|
922 | fill: rgba(255, 255, 255, 0.8);
|
923 | }
|
924 | .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
|
925 | border-radius: 4px;
|
926 | overflow: hidden;
|
927 | position: absolute;
|
928 | top: 7px;
|
929 | left: 7px;
|
930 | right: 7px;
|
931 | bottom: 7px;
|
932 | text-align: center;
|
933 | width: calc(100% - 14px);
|
934 | height: calc(100% - 14px);
|
935 | }
|
936 | .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner:focus {
|
937 | outline: none;
|
938 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9);
|
939 | }
|
940 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
|
941 | box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7);
|
942 | }
|
943 | .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner img {
|
944 | width: 100%;
|
945 | height: 100%;
|
946 | object-fit: cover;
|
947 | border-radius: 4px;
|
948 | }
|
949 | .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox {
|
950 | position: absolute;
|
951 | top: 16px;
|
952 | right: 16px;
|
953 | width: 26px;
|
954 | height: 26px;
|
955 | background-color: #2275d7;
|
956 | border-radius: 50%;
|
957 | z-index: 1002;
|
958 | opacity: 0;
|
959 | }
|
960 | [dir="ltr"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{
|
961 | left: 7px;
|
962 | }
|
963 | [dir="rtl"] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after{
|
964 | right: 7px;
|
965 | }
|
966 | .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after {
|
967 | width: 12px;
|
968 | height: 7px;
|
969 | top: 8px;
|
970 | }
|
971 | .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
|
972 | opacity: 1;
|
973 | }
|
974 |
|
975 | .uppy-ProviderBrowser-viewType--list {
|
976 | background-color: #fff;
|
977 | }
|
978 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
|
979 | background-color: #1f1f1f;
|
980 | }
|
981 | .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
|
982 | display: -ms-flexbox;
|
983 | display: flex;
|
984 | -ms-flex-align: center;
|
985 | align-items: center;
|
986 | padding: 7px 15px;
|
987 | margin: 0;
|
988 | }
|
989 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
|
990 | color: #eaeaea;
|
991 | }
|
992 | .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled {
|
993 | opacity: 0.6;
|
994 | }
|
995 | [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{
|
996 | margin-right: 15px;
|
997 | }
|
998 | [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox{
|
999 | margin-left: 15px;
|
1000 | }
|
1001 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox {
|
1002 | -webkit-margin-end: 15px;
|
1003 | height: 17px;
|
1004 | width: 17px;
|
1005 | border-radius: 3px;
|
1006 | background-color: #fff;
|
1007 | border: 1px solid #cfcfcf;
|
1008 | }
|
1009 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
|
1010 | border: 1px solid #2275d7;
|
1011 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
|
1012 | outline: none;
|
1013 | }
|
1014 | [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after{
|
1015 | left: 3px;
|
1016 | }
|
1017 | [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after{
|
1018 | right: 3px;
|
1019 | }
|
1020 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox::after {
|
1021 | opacity: 0;
|
1022 | height: 5px;
|
1023 | width: 9px;
|
1024 | top: 4px;
|
1025 | }
|
1026 | [data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
|
1027 | border-color: rgba(2, 186, 242, 0.7);
|
1028 | box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2);
|
1029 | }
|
1030 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
|
1031 | background-color: #2275d7;
|
1032 | border-color: #2275d7;
|
1033 | }
|
1034 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked::after {
|
1035 | opacity: 1;
|
1036 | }
|
1037 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
|
1038 | text-overflow: ellipsis;
|
1039 | white-space: nowrap;
|
1040 | overflow: hidden;
|
1041 | display: -ms-flexbox;
|
1042 | display: flex;
|
1043 | -ms-flex-align: center;
|
1044 | align-items: center;
|
1045 | padding: 2px;
|
1046 | }
|
1047 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
|
1048 | outline: none;
|
1049 | text-decoration: underline;
|
1050 | }
|
1051 | [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{
|
1052 | margin-right: 8px;
|
1053 | }
|
1054 | [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{
|
1055 | margin-left: 8px;
|
1056 | }
|
1057 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
|
1058 | -webkit-margin-end: 8px;
|
1059 | max-width: 20px;
|
1060 | max-height: 20px;
|
1061 | }
|
1062 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
|
1063 | text-overflow: ellipsis;
|
1064 | white-space: nowrap;
|
1065 | overflow: hidden;
|
1066 | }
|
1067 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner {
|
1068 | cursor: default;
|
1069 | }
|
1070 | [dir="ltr"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{
|
1071 | margin-right: 7px;
|
1072 | }
|
1073 | [dir="rtl"] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{
|
1074 | margin-left: 7px;
|
1075 | }
|
1076 | .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap {
|
1077 | width: 20px;
|
1078 | -webkit-margin-end: 7px;
|
1079 | }
|
1080 |
|
1081 | .uppy-ProviderBrowserItem-fakeCheckbox {
|
1082 | position: relative;
|
1083 | cursor: pointer;
|
1084 | -ms-flex-negative: 0;
|
1085 | flex-shrink: 0;
|
1086 | }
|
1087 | .uppy-ProviderBrowserItem-fakeCheckbox:disabled {
|
1088 | cursor: default;
|
1089 | }
|
1090 | .uppy-ProviderBrowserItem-fakeCheckbox::after {
|
1091 | content: "";
|
1092 | position: absolute;
|
1093 | cursor: pointer;
|
1094 | border-left: 2px solid #eaeaea;
|
1095 | border-bottom: 2px solid #eaeaea;
|
1096 | transform: rotate(-45deg);
|
1097 | }
|
1098 | .uppy-ProviderBrowserItem-fakeCheckbox:disabled::after {
|
1099 | cursor: default;
|
1100 | }
|
1101 | [data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox {
|
1102 | background-color: #1f1f1f;
|
1103 | border-color: #939393;
|
1104 | }
|
1105 |
|
1106 | [data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
|
1107 | background-color: #333;
|
1108 | }
|
1109 |
|
1110 | .uppy-SearchProvider {
|
1111 | width: 100%;
|
1112 | height: 100%;
|
1113 | display: -ms-flexbox;
|
1114 | display: flex;
|
1115 | -ms-flex-direction: column;
|
1116 | flex-direction: column;
|
1117 | -ms-flex-pack: center;
|
1118 | justify-content: center;
|
1119 | -ms-flex-align: center;
|
1120 | align-items: center;
|
1121 | -ms-flex: 1;
|
1122 | flex: 1;
|
1123 | }
|
1124 | [data-uppy-theme=dark] .uppy-SearchProvider {
|
1125 | background-color: #1f1f1f;
|
1126 | }
|
1127 |
|
1128 | .uppy-SearchProvider-input {
|
1129 | width: 90%;
|
1130 | max-width: 650px;
|
1131 | margin-bottom: 15px;
|
1132 | }
|
1133 | .uppy-size--md .uppy-SearchProvider-input {
|
1134 | margin-bottom: 20px;
|
1135 | }
|
1136 |
|
1137 | .uppy-SearchProvider-searchButton {
|
1138 | padding: 13px 25px;
|
1139 | }
|
1140 | .uppy-size--md .uppy-SearchProvider-searchButton {
|
1141 | padding: 13px 30px;
|
1142 | }
|
1143 |
|
1144 | .uppy-DashboardContent-panelBody {
|
1145 | display: -ms-flexbox;
|
1146 | display: flex;
|
1147 | -ms-flex-align: center;
|
1148 | align-items: center;
|
1149 | -ms-flex-pack: center;
|
1150 | justify-content: center;
|
1151 | -ms-flex: 1;
|
1152 | flex: 1;
|
1153 | }
|
1154 | [data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
|
1155 | background-color: #1f1f1f;
|
1156 | }
|
1157 |
|
1158 | .uppy-Provider-auth,
|
1159 | .uppy-Provider-error,
|
1160 | .uppy-Provider-loading,
|
1161 | .uppy-Provider-empty {
|
1162 | display: -ms-flexbox;
|
1163 | display: flex;
|
1164 | -ms-flex-align: center;
|
1165 | align-items: center;
|
1166 | -ms-flex-pack: center;
|
1167 | justify-content: center;
|
1168 | -ms-flex-flow: column wrap;
|
1169 | flex-flow: column wrap;
|
1170 | -ms-flex: 1;
|
1171 | flex: 1;
|
1172 | color: #939393;
|
1173 | }
|
1174 |
|
1175 | .uppy-Provider-empty {
|
1176 | color: #939393;
|
1177 | }
|
1178 |
|
1179 | .uppy-Provider-authIcon svg {
|
1180 | width: 100px;
|
1181 | height: 75px;
|
1182 | margin-bottom: 15px;
|
1183 | }
|
1184 |
|
1185 | .uppy-Provider-authTitle {
|
1186 | font-size: 17px;
|
1187 | line-height: 1.4;
|
1188 | font-weight: 400;
|
1189 | margin-bottom: 30px;
|
1190 | padding: 0 15px;
|
1191 | max-width: 500px;
|
1192 | text-align: center;
|
1193 | color: #757575;
|
1194 | }
|
1195 | .uppy-size--md .uppy-Provider-authTitle {
|
1196 | font-size: 20px;
|
1197 | }
|
1198 | [data-uppy-theme=dark] .uppy-Provider-authTitle {
|
1199 | color: #cfcfcf;
|
1200 | }
|
1201 |
|
1202 | [dir="ltr"] .uppy-Provider-breadcrumbs{
|
1203 | text-align: left;
|
1204 | }
|
1205 |
|
1206 | [dir="rtl"] .uppy-Provider-breadcrumbs{
|
1207 | text-align: right;
|
1208 | }
|
1209 |
|
1210 | .uppy-Provider-breadcrumbs {
|
1211 | -ms-flex: 1;
|
1212 | flex: 1;
|
1213 | color: #525252;
|
1214 | font-size: 12px;
|
1215 | margin-bottom: 10px;
|
1216 | }
|
1217 | .uppy-size--md .uppy-Provider-breadcrumbs {
|
1218 | margin-bottom: 0;
|
1219 | }
|
1220 | [data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
|
1221 | color: #eaeaea;
|
1222 | }
|
1223 |
|
1224 | [dir="ltr"] .uppy-Provider-breadcrumbsIcon{
|
1225 | margin-right: 4px;
|
1226 | }
|
1227 |
|
1228 | [dir="rtl"] .uppy-Provider-breadcrumbsIcon{
|
1229 | margin-left: 4px;
|
1230 | }
|
1231 |
|
1232 | .uppy-Provider-breadcrumbsIcon {
|
1233 | display: inline-block;
|
1234 | color: #525252;
|
1235 | vertical-align: middle;
|
1236 | -webkit-margin-end: 4px;
|
1237 | line-height: 1;
|
1238 | }
|
1239 |
|
1240 | .uppy-Provider-breadcrumbsIcon svg {
|
1241 | width: 13px;
|
1242 | height: 13px;
|
1243 | fill: #525252;
|
1244 | }
|
1245 |
|
1246 | .uppy-Provider-breadcrumbs button {
|
1247 | display: inline-block;
|
1248 | line-height: inherit;
|
1249 | padding: 4px;
|
1250 | border-radius: 3px;
|
1251 | }
|
1252 | .uppy-Provider-breadcrumbs button:focus {
|
1253 | outline: none;
|
1254 | }
|
1255 | .uppy-Provider-breadcrumbs button::-moz-focus-inner {
|
1256 | border: 0;
|
1257 | }
|
1258 | .uppy-Provider-breadcrumbs button:hover {
|
1259 | color: #1b5dab;
|
1260 | }
|
1261 | .uppy-Provider-breadcrumbs button:focus {
|
1262 | background-color: #eceef2;
|
1263 | }
|
1264 | [data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
|
1265 | background-color: #333;
|
1266 | }
|
1267 | .uppy-Provider-breadcrumbs button:hover {
|
1268 | text-decoration: underline;
|
1269 | cursor: pointer;
|
1270 | }
|
1271 | [data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
|
1272 | color: #eaeaea;
|
1273 | }
|
1274 |
|
1275 | .uppy-ProviderBrowser {
|
1276 | display: -ms-flexbox;
|
1277 | display: flex;
|
1278 | -ms-flex-direction: column;
|
1279 | flex-direction: column;
|
1280 | -ms-flex: 1;
|
1281 | flex: 1;
|
1282 | font-size: 14px;
|
1283 | font-weight: 400;
|
1284 | height: 100%;
|
1285 | }
|
1286 |
|
1287 | .uppy-ProviderBrowser-user {
|
1288 | margin: 0 8px 0 0;
|
1289 | font-weight: 500;
|
1290 | color: #333;
|
1291 | }
|
1292 | [data-uppy-theme=dark] .uppy-ProviderBrowser-user {
|
1293 | color: #eaeaea;
|
1294 | }
|
1295 |
|
1296 | [dir="ltr"] .uppy-ProviderBrowser-user:after{
|
1297 | left: 4px;
|
1298 | }
|
1299 |
|
1300 | [dir="rtl"] .uppy-ProviderBrowser-user:after{
|
1301 | right: 4px;
|
1302 | }
|
1303 |
|
1304 | .uppy-ProviderBrowser-user:after {
|
1305 | content: "·";
|
1306 | position: relative;
|
1307 | color: #939393;
|
1308 | font-weight: normal;
|
1309 | }
|
1310 |
|
1311 | .uppy-ProviderBrowser-header {
|
1312 | z-index: 1001;
|
1313 | border-bottom: 1px solid #eaeaea;
|
1314 | position: relative;
|
1315 | }
|
1316 | [data-uppy-theme=dark] .uppy-ProviderBrowser-header {
|
1317 | border-bottom: 1px solid #333;
|
1318 | }
|
1319 |
|
1320 | .uppy-ProviderBrowser-headerBar {
|
1321 | padding: 7px 15px;
|
1322 | background-color: #fafafa;
|
1323 | z-index: 1001;
|
1324 | color: #757575;
|
1325 | line-height: 1.4;
|
1326 | font-size: 12px;
|
1327 | }
|
1328 | .uppy-size--md .uppy-ProviderBrowser-headerBar {
|
1329 | display: -ms-flexbox;
|
1330 | display: flex;
|
1331 | -ms-flex-align: center;
|
1332 | align-items: center;
|
1333 | }
|
1334 | [data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
|
1335 | background-color: #1f1f1f;
|
1336 | }
|
1337 |
|
1338 | .uppy-ProviderBrowser-headerBar--simple {
|
1339 | text-align: center;
|
1340 | display: block;
|
1341 | -ms-flex-pack: center;
|
1342 | justify-content: center;
|
1343 | }
|
1344 |
|
1345 | .uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
|
1346 | -ms-flex: none;
|
1347 | flex: none;
|
1348 | display: inline-block;
|
1349 | vertical-align: middle;
|
1350 | }
|
1351 |
|
1352 | .uppy-ProviderBrowser-search {
|
1353 | width: 100%;
|
1354 | background-color: #fff;
|
1355 | position: relative;
|
1356 | height: 30px;
|
1357 | margin-top: 10px;
|
1358 | margin-bottom: 5px;
|
1359 | display: -ms-flexbox;
|
1360 | display: flex;
|
1361 | -ms-flex-align: center;
|
1362 | align-items: center;
|
1363 | }
|
1364 | [data-uppy-theme=dark] .uppy-ProviderBrowser-search {
|
1365 | background-color: #1f1f1f;
|
1366 | }
|
1367 |
|
1368 | [dir="ltr"] .uppy-ProviderBrowser-searchIcon{
|
1369 | left: 16px;
|
1370 | }
|
1371 |
|
1372 | [dir="rtl"] .uppy-ProviderBrowser-searchIcon{
|
1373 | right: 16px;
|
1374 | }
|
1375 |
|
1376 | .uppy-ProviderBrowser-searchIcon {
|
1377 | position: absolute;
|
1378 | width: 12px;
|
1379 | height: 12px;
|
1380 | z-index: 1002;
|
1381 | color: #bbb;
|
1382 | }
|
1383 |
|
1384 | [dir="ltr"] .uppy-ProviderBrowser-searchInput{
|
1385 | padding-left: 27px;
|
1386 | }
|
1387 |
|
1388 | [dir="rtl"] .uppy-ProviderBrowser-searchInput{
|
1389 | padding-right: 27px;
|
1390 | }
|
1391 |
|
1392 | .uppy-ProviderBrowser-searchInput {
|
1393 | width: 100%;
|
1394 | height: 30px;
|
1395 | background-color: transparent;
|
1396 | outline: 0;
|
1397 | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
1398 | font-size: 12px;
|
1399 | line-height: 1.4;
|
1400 | border: 0;
|
1401 | margin: 0 8px;
|
1402 | -webkit-padding-start: 27px;
|
1403 | z-index: 1001;
|
1404 | border-radius: 4px;
|
1405 | }
|
1406 | [data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
|
1407 | background-color: #1f1f1f;
|
1408 | color: #eaeaea;
|
1409 | }
|
1410 |
|
1411 | .uppy-ProviderBrowser-searchInput:focus {
|
1412 | outline: 0;
|
1413 | background-color: #f4f4f4;
|
1414 | }
|
1415 | [data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
|
1416 | background-color: #333;
|
1417 | }
|
1418 |
|
1419 | [dir="ltr"] .uppy-ProviderBrowser-searchClose{
|
1420 | right: 12px;
|
1421 | }
|
1422 |
|
1423 | [dir="rtl"] .uppy-ProviderBrowser-searchClose{
|
1424 | left: 12px;
|
1425 | }
|
1426 |
|
1427 | .uppy-ProviderBrowser-searchClose {
|
1428 | position: absolute;
|
1429 | width: 22px;
|
1430 | height: 22px;
|
1431 | padding: 6px;
|
1432 | top: 4px;
|
1433 | z-index: 1002;
|
1434 | color: #939393;
|
1435 | cursor: pointer;
|
1436 | }
|
1437 | .uppy-ProviderBrowser-searchClose:hover {
|
1438 | color: #757575;
|
1439 | }
|
1440 |
|
1441 | .uppy-ProviderBrowser-searchClose svg {
|
1442 | vertical-align: text-top;
|
1443 | }
|
1444 |
|
1445 | .uppy-ProviderBrowser-searchInput:-ms-input-placeholder {
|
1446 | color: #939393;
|
1447 | opacity: 1;
|
1448 | }
|
1449 |
|
1450 | .uppy-ProviderBrowser-searchInput::placeholder {
|
1451 | color: #939393;
|
1452 | opacity: 1;
|
1453 | }
|
1454 |
|
1455 | .uppy-ProviderBrowser-userLogout {
|
1456 | cursor: pointer;
|
1457 | line-height: inherit;
|
1458 | color: #2275d7;
|
1459 | padding: 4px;
|
1460 | border-radius: 3px;
|
1461 | }
|
1462 | .uppy-ProviderBrowser-userLogout:focus {
|
1463 | outline: none;
|
1464 | }
|
1465 | .uppy-ProviderBrowser-userLogout::-moz-focus-inner {
|
1466 | border: 0;
|
1467 | }
|
1468 | .uppy-ProviderBrowser-userLogout:hover {
|
1469 | color: #1b5dab;
|
1470 | }
|
1471 | .uppy-ProviderBrowser-userLogout:focus {
|
1472 | background-color: #eceef2;
|
1473 | }
|
1474 | [data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
|
1475 | background-color: #333;
|
1476 | }
|
1477 | .uppy-ProviderBrowser-userLogout:hover {
|
1478 | text-decoration: underline;
|
1479 | }
|
1480 | [data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
|
1481 | color: #eaeaea;
|
1482 | }
|
1483 |
|
1484 | .uppy-ProviderBrowser-body {
|
1485 | -ms-flex: 1;
|
1486 | flex: 1;
|
1487 | position: relative;
|
1488 | }
|
1489 |
|
1490 | .uppy-ProviderBrowser-list {
|
1491 | -ms-flex: 1;
|
1492 | flex: 1;
|
1493 | position: relative;
|
1494 | display: block;
|
1495 | width: 100%;
|
1496 | height: 100%;
|
1497 | background-color: #fff;
|
1498 | border-spacing: 0;
|
1499 | overflow-x: hidden;
|
1500 | overflow-y: auto;
|
1501 | -webkit-overflow-scrolling: touch;
|
1502 | position: absolute;
|
1503 | top: 0;
|
1504 | bottom: 0;
|
1505 | left: 0;
|
1506 | right: 0;
|
1507 | list-style: none;
|
1508 | margin: 0;
|
1509 | padding: 0;
|
1510 | }
|
1511 | [data-uppy-theme=dark] .uppy-ProviderBrowser-list {
|
1512 | background-color: #1f1f1f;
|
1513 | }
|
1514 | .uppy-ProviderBrowser-list:focus {
|
1515 | outline: none;
|
1516 | }
|
1517 |
|
1518 | .uppy-ProviderBrowserItem-inner {
|
1519 | cursor: pointer;
|
1520 | font-weight: 500;
|
1521 | font-size: 13px;
|
1522 | }
|
1523 |
|
1524 | .uppy-ProviderBrowser-footer {
|
1525 | display: -ms-flexbox;
|
1526 | display: flex;
|
1527 | -ms-flex-align: center;
|
1528 | align-items: center;
|
1529 | background-color: #fff;
|
1530 | height: 65px;
|
1531 | border-top: 1px solid #eaeaea;
|
1532 | padding: 0 15px;
|
1533 | }
|
1534 | [dir="ltr"] .uppy-ProviderBrowser-footer button{
|
1535 | margin-right: 8px;
|
1536 | }
|
1537 | [dir="rtl"] .uppy-ProviderBrowser-footer button{
|
1538 | margin-left: 8px;
|
1539 | }
|
1540 | .uppy-ProviderBrowser-footer button {
|
1541 | -webkit-margin-end: 8px;
|
1542 | }
|
1543 | [data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
|
1544 | background-color: #1f1f1f;
|
1545 | border-top: 1px solid #333;
|
1546 | }
|
1547 |
|
1548 | .uppy-Dashboard-Item-previewInnerWrap {
|
1549 | width: 100%;
|
1550 | height: 100%;
|
1551 | overflow: hidden;
|
1552 | position: relative;
|
1553 | display: -ms-flexbox;
|
1554 | display: flex;
|
1555 | -ms-flex-pack: center;
|
1556 | justify-content: center;
|
1557 | -ms-flex-align: center;
|
1558 | align-items: center;
|
1559 | -ms-flex-direction: column;
|
1560 | flex-direction: column;
|
1561 | box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
|
1562 | border-radius: 3px;
|
1563 | }
|
1564 | .uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
|
1565 | box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
|
1566 | }
|
1567 |
|
1568 | .uppy-Dashboard-Item-previewInnerWrap:after {
|
1569 | content: "";
|
1570 | position: absolute;
|
1571 | left: 0;
|
1572 | right: 0;
|
1573 | top: 0;
|
1574 | bottom: 0;
|
1575 | background-color: rgba(0, 0, 0, 0.65);
|
1576 | display: none;
|
1577 | z-index: 1001;
|
1578 | }
|
1579 |
|
1580 | .uppy-Dashboard-Item-previewLink {
|
1581 | position: absolute;
|
1582 | left: 0;
|
1583 | right: 0;
|
1584 | top: 0;
|
1585 | bottom: 0;
|
1586 | z-index: 1002;
|
1587 | }
|
1588 | .uppy-Dashboard-Item-previewLink:focus {
|
1589 | box-shadow: inset 0 0 0 3px #76abe9;
|
1590 | }
|
1591 | [data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
|
1592 | box-shadow: inset 0 0 0 3px #016c8d;
|
1593 | }
|
1594 |
|
1595 | .uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
|
1596 | width: 100%;
|
1597 | height: 100%;
|
1598 | object-fit: cover;
|
1599 | transform: translateZ(0);
|
1600 | border-radius: 3px;
|
1601 | }
|
1602 |
|
1603 | .uppy-Dashboard-Item-progress {
|
1604 | position: absolute;
|
1605 | top: 50%;
|
1606 | left: 50%;
|
1607 | transform: translate(-50%, -50%);
|
1608 | z-index: 1002;
|
1609 | color: #fff;
|
1610 | text-align: center;
|
1611 | width: 120px;
|
1612 | transition: all 0.35 ease;
|
1613 | }
|
1614 |
|
1615 | .uppy-Dashboard-Item-progressIndicator {
|
1616 | display: inline-block;
|
1617 | width: 38px;
|
1618 | height: 38px;
|
1619 | opacity: 0.9;
|
1620 | }
|
1621 | .uppy-size--md .uppy-Dashboard-Item-progressIndicator {
|
1622 | width: 55px;
|
1623 | height: 55px;
|
1624 | }
|
1625 |
|
1626 | button.uppy-Dashboard-Item-progressIndicator {
|
1627 | cursor: pointer;
|
1628 | }
|
1629 | button.uppy-Dashboard-Item-progressIndicator:focus {
|
1630 | outline: none;
|
1631 | }
|
1632 | button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
|
1633 | border: 0;
|
1634 | }
|
1635 | button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,
|
1636 | button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
|
1637 | fill: #76abe9;
|
1638 | }
|
1639 |
|
1640 | .uppy-Dashboard-Item-progressIcon--circle {
|
1641 | width: 100%;
|
1642 | height: 100%;
|
1643 | }
|
1644 |
|
1645 | .uppy-Dashboard-Item-progressIcon--bg {
|
1646 | stroke: rgba(255, 255, 255, 0.4);
|
1647 | }
|
1648 |
|
1649 | .uppy-Dashboard-Item-progressIcon--progress {
|
1650 | stroke: #fff;
|
1651 | transition: stroke-dashoffset 0.5s ease-out;
|
1652 | }
|
1653 |
|
1654 | .uppy-Dashboard-Item-progressIcon--play {
|
1655 | stroke: #fff;
|
1656 | fill: #fff;
|
1657 | transition: all 0.2s;
|
1658 | }
|
1659 |
|
1660 | .uppy-Dashboard-Item-progressIcon--cancel {
|
1661 | fill: #fff;
|
1662 | transition: all 0.2s;
|
1663 | }
|
1664 |
|
1665 | .uppy-Dashboard-Item-progressIcon--pause {
|
1666 | stroke: #fff;
|
1667 | fill: #fff;
|
1668 | transition: all 0.2s;
|
1669 | }
|
1670 |
|
1671 | .uppy-Dashboard-Item-progressIcon--check {
|
1672 | fill: #fff;
|
1673 | transition: all 0.2s;
|
1674 | }
|
1675 |
|
1676 | .uppy-Dashboard-Item-progressIcon--retry {
|
1677 | fill: #fff;
|
1678 | }
|
1679 |
|
1680 | [dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
|
1681 | right: -8px;
|
1682 | }
|
1683 |
|
1684 | [dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
|
1685 | left: -8px;
|
1686 | }
|
1687 |
|
1688 | [dir="ltr"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
|
1689 | left: initial;
|
1690 | }
|
1691 |
|
1692 | [dir="rtl"] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{
|
1693 | right: initial;
|
1694 | }
|
1695 |
|
1696 | .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
|
1697 | transform: initial;
|
1698 | top: -9px;
|
1699 | width: auto;
|
1700 | }
|
1701 |
|
1702 | .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
|
1703 | width: 18px;
|
1704 | height: 18px;
|
1705 | }
|
1706 | .uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
|
1707 | width: 28px;
|
1708 | height: 28px;
|
1709 | }
|
1710 |
|
1711 | .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
|
1712 | width: 18px;
|
1713 | height: 18px;
|
1714 | opacity: 1;
|
1715 | }
|
1716 | .uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
|
1717 | width: 22px;
|
1718 | height: 22px;
|
1719 | }
|
1720 |
|
1721 | .uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
|
1722 | opacity: 0;
|
1723 | }
|
1724 |
|
1725 | [dir="ltr"] .uppy-Dashboard-Item-fileInfo{
|
1726 | padding-right: 5px;
|
1727 | }
|
1728 |
|
1729 | [dir="rtl"] .uppy-Dashboard-Item-fileInfo{
|
1730 | padding-left: 5px;
|
1731 | }
|
1732 |
|
1733 | .uppy-Dashboard-Item-fileInfo {
|
1734 | -webkit-padding-end: 5px;
|
1735 | }
|
1736 |
|
1737 | .uppy-Dashboard-Item-name {
|
1738 | font-size: 12px;
|
1739 | line-height: 1.3;
|
1740 | font-weight: 500;
|
1741 | margin-bottom: 4px;
|
1742 | word-break: break-all;
|
1743 | word-wrap: anywhere;
|
1744 | }
|
1745 | [data-uppy-theme=dark] .uppy-Dashboard-Item-name {
|
1746 | color: #eaeaea;
|
1747 | }
|
1748 |
|
1749 | .uppy-Dashboard-Item-status {
|
1750 | font-size: 11px;
|
1751 | line-height: 1.3;
|
1752 | font-weight: normal;
|
1753 | color: #757575;
|
1754 | }
|
1755 | [data-uppy-theme=dark] .uppy-Dashboard-Item-status {
|
1756 | color: #bbb;
|
1757 | }
|
1758 |
|
1759 | .uppy-Dashboard-Item-statusSize {
|
1760 | display: inline-block;
|
1761 | vertical-align: bottom;
|
1762 | text-transform: uppercase;
|
1763 | }
|
1764 |
|
1765 | .uppy-Dashboard-Item-sourceIcon {
|
1766 | display: none;
|
1767 | vertical-align: bottom;
|
1768 | color: #bbb;
|
1769 | }
|
1770 | [dir="ltr"] .uppy-Dashboard-Item-sourceIcon:not(:first-child){
|
1771 | margin-left: 14px;
|
1772 | }
|
1773 | [dir="rtl"] .uppy-Dashboard-Item-sourceIcon:not(:first-child){
|
1774 | margin-right: 14px;
|
1775 | }
|
1776 | .uppy-Dashboard-Item-sourceIcon:not(:first-child) {
|
1777 | position: relative;
|
1778 | -webkit-margin-start: 14px;
|
1779 | }
|
1780 | .uppy-Dashboard-Item-sourceIcon svg,
|
1781 | .uppy-Dashboard-Item-sourceIcon svg * {
|
1782 | max-width: 100%;
|
1783 | max-height: 100%;
|
1784 | display: inline-block;
|
1785 | vertical-align: text-bottom;
|
1786 | overflow: hidden;
|
1787 | fill: currentColor;
|
1788 | width: 11px;
|
1789 | height: 12px;
|
1790 | }
|
1791 |
|
1792 | .uppy-Dashboard-Item-action {
|
1793 | cursor: pointer;
|
1794 | color: #939393;
|
1795 | }
|
1796 | .uppy-Dashboard-Item-action:focus {
|
1797 | outline: none;
|
1798 | }
|
1799 | .uppy-Dashboard-Item-action::-moz-focus-inner {
|
1800 | border: 0;
|
1801 | }
|
1802 | .uppy-Dashboard-Item-action:focus {
|
1803 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
1804 | }
|
1805 | .uppy-Dashboard-Item-action:hover {
|
1806 | opacity: 1;
|
1807 | color: #1f1f1f;
|
1808 | }
|
1809 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action {
|
1810 | color: #cfcfcf;
|
1811 | }
|
1812 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
|
1813 | outline: none;
|
1814 | }
|
1815 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
|
1816 | border: 0;
|
1817 | }
|
1818 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
|
1819 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
1820 | }
|
1821 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
|
1822 | color: #eaeaea;
|
1823 | }
|
1824 |
|
1825 | .uppy-Dashboard-Item-action--remove {
|
1826 | color: #1f1f1f;
|
1827 | opacity: 0.95;
|
1828 | }
|
1829 | .uppy-Dashboard-Item-action--remove:hover {
|
1830 | opacity: 1;
|
1831 | color: #000;
|
1832 | }
|
1833 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
|
1834 | color: #525252;
|
1835 | }
|
1836 | [data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
|
1837 | color: #333;
|
1838 | }
|
1839 |
|
1840 | .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper {
|
1841 | display: -ms-flexbox;
|
1842 | display: flex;
|
1843 | -ms-flex-align: center;
|
1844 | align-items: center;
|
1845 | }
|
1846 | .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action {
|
1847 | width: 22px;
|
1848 | height: 22px;
|
1849 | padding: 3px;
|
1850 | margin-left: 3px;
|
1851 | }
|
1852 | .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus {
|
1853 | border-radius: 3px;
|
1854 | }
|
1855 |
|
1856 | .uppy-size--md .uppy-Dashboard-Item-action--copyLink,
|
1857 | .uppy-size--md .uppy-Dashboard-Item-action--edit {
|
1858 | width: 16px;
|
1859 | height: 16px;
|
1860 | padding: 0;
|
1861 | }
|
1862 | .uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,
|
1863 | .uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
|
1864 | border-radius: 3px;
|
1865 | }
|
1866 | [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item-action--remove{
|
1867 | right: -8px;
|
1868 | }
|
1869 | [dir="rtl"] .uppy-size--md .uppy-Dashboard-Item-action--remove{
|
1870 | left: -8px;
|
1871 | }
|
1872 | .uppy-size--md .uppy-Dashboard-Item-action--remove {
|
1873 | z-index: 1002;
|
1874 | position: absolute;
|
1875 | top: -8px;
|
1876 | width: 18px;
|
1877 | height: 18px;
|
1878 | padding: 0;
|
1879 | }
|
1880 | .uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
|
1881 | border-radius: 50%;
|
1882 | }
|
1883 |
|
1884 | [dir="ltr"] .uppy-Dashboard-Item{
|
1885 | padding-right: 0;
|
1886 | }
|
1887 |
|
1888 | [dir="rtl"] .uppy-Dashboard-Item{
|
1889 | padding-left: 0;
|
1890 | }
|
1891 |
|
1892 | .uppy-Dashboard-Item {
|
1893 | display: -ms-flexbox;
|
1894 | display: flex;
|
1895 | -ms-flex-align: center;
|
1896 | align-items: center;
|
1897 | border-bottom: 1px solid #eaeaea;
|
1898 | padding: 10px;
|
1899 | -webkit-padding-end: 0;
|
1900 | }
|
1901 | [data-uppy-theme=dark] .uppy-Dashboard-Item {
|
1902 | border-bottom: 1px solid #333;
|
1903 | }
|
1904 | [dir="ltr"] .uppy-size--md .uppy-Dashboard-Item{
|
1905 | float: left;
|
1906 | }
|
1907 | [dir="rtl"] .uppy-size--md .uppy-Dashboard-Item{
|
1908 | float: right;
|
1909 | }
|
1910 | .uppy-size--md .uppy-Dashboard-Item {
|
1911 | position: relative;
|
1912 | display: block;
|
1913 | margin: 5px 15px;
|
1914 | padding: 0;
|
1915 |
|
1916 | width: calc(33.333% - 15px - 15px);
|
1917 | height: 215px;
|
1918 | border-bottom: 0;
|
1919 | }
|
1920 | .uppy-size--lg .uppy-Dashboard-Item {
|
1921 | margin: 5px 15px;
|
1922 |
|
1923 | width: calc(25% - 15px - 15px);
|
1924 | height: 190px;
|
1925 | }
|
1926 | .uppy-size--xl .uppy-Dashboard-Item {
|
1927 |
|
1928 | width: calc(20% - 15px - 15px);
|
1929 | height: 210px;
|
1930 | }
|
1931 |
|
1932 | .uppy-Dashboard-Item-preview {
|
1933 | position: relative;
|
1934 | }
|
1935 | .uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview {
|
1936 | -ms-flex-negative: 0;
|
1937 | flex-shrink: 0;
|
1938 | -ms-flex-positive: 0;
|
1939 | flex-grow: 0;
|
1940 | width: 50px;
|
1941 | height: 50px;
|
1942 | }
|
1943 | .uppy-size--md .uppy-Dashboard-Item-preview {
|
1944 | width: 100%;
|
1945 | height: 140px;
|
1946 | }
|
1947 | .uppy-size--lg .uppy-Dashboard-Item-preview {
|
1948 | height: 120px;
|
1949 | }
|
1950 | .uppy-size--xl .uppy-Dashboard-Item-preview {
|
1951 | height: 140px;
|
1952 | }
|
1953 |
|
1954 | [dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{
|
1955 | padding-right: 8px;
|
1956 | }
|
1957 |
|
1958 | [dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{
|
1959 | padding-left: 8px;
|
1960 | }
|
1961 |
|
1962 | [dir="ltr"] .uppy-Dashboard-Item-fileInfoAndButtons{
|
1963 | padding-left: 12px;
|
1964 | }
|
1965 |
|
1966 | [dir="rtl"] .uppy-Dashboard-Item-fileInfoAndButtons{
|
1967 | padding-right: 12px;
|
1968 | }
|
1969 |
|
1970 | .uppy-Dashboard-Item-fileInfoAndButtons {
|
1971 | -ms-flex-positive: 1;
|
1972 | flex-grow: 1;
|
1973 | -webkit-padding-end: 8px;
|
1974 | -webkit-padding-start: 12px;
|
1975 | display: -ms-flexbox;
|
1976 | display: flex;
|
1977 | -ms-flex-align: center;
|
1978 | align-items: center;
|
1979 | -ms-flex-pack: justify;
|
1980 | justify-content: space-between;
|
1981 | }
|
1982 | .uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
|
1983 | -ms-flex-align: start;
|
1984 | align-items: flex-start;
|
1985 | width: 100%;
|
1986 | padding: 0;
|
1987 | padding-top: 9px;
|
1988 | }
|
1989 |
|
1990 | .uppy-Dashboard-Item-fileInfo {
|
1991 | -ms-flex-positive: 1;
|
1992 | flex-grow: 1;
|
1993 | -ms-flex-negative: 1;
|
1994 | flex-shrink: 1;
|
1995 | }
|
1996 |
|
1997 | .uppy-Dashboard-Item-actionWrapper {
|
1998 | -ms-flex-positive: 0;
|
1999 | flex-grow: 0;
|
2000 | -ms-flex-negative: 0;
|
2001 | flex-shrink: 0;
|
2002 | }
|
2003 |
|
2004 | .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after,
|
2005 | .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after {
|
2006 | display: block;
|
2007 | }
|
2008 |
|
2009 | .uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
|
2010 | display: none;
|
2011 | }
|
2012 |
|
2013 | [dir="ltr"] .uppy-Dashboard-Item-errorDetails{
|
2014 | left: 6px;
|
2015 | }
|
2016 |
|
2017 | [dir="rtl"] .uppy-Dashboard-Item-errorDetails{
|
2018 | right: 6px;
|
2019 | }
|
2020 |
|
2021 | .uppy-Dashboard-Item-errorDetails {
|
2022 | line-height: 12px;
|
2023 | width: 12px;
|
2024 | height: 12px;
|
2025 | display: inline-block;
|
2026 | vertical-align: middle;
|
2027 | color: #fff;
|
2028 | background-color: #939393;
|
2029 | border-radius: 50%;
|
2030 | position: relative;
|
2031 | top: -1px;
|
2032 | font-size: 8px;
|
2033 | font-weight: 600;
|
2034 | text-align: center;
|
2035 | cursor: help;
|
2036 | }
|
2037 |
|
2038 | .uppy-Dashboard-Item-errorDetails:after {
|
2039 | line-height: 1.3;
|
2040 | word-wrap: break-word;
|
2041 | }
|
2042 |
|
2043 | .uppy-Dashboard-FileCard {
|
2044 | width: 100%;
|
2045 | height: 100%;
|
2046 | position: absolute;
|
2047 | top: 0;
|
2048 | left: 0;
|
2049 | right: 0;
|
2050 | bottom: 0;
|
2051 | z-index: 1005;
|
2052 | box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.1);
|
2053 | background-color: #fff;
|
2054 | border-radius: 5px;
|
2055 | display: -ms-flexbox;
|
2056 | display: flex;
|
2057 | -ms-flex-direction: column;
|
2058 | flex-direction: column;
|
2059 | }
|
2060 | .uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
|
2061 | border-top-left-radius: 5px;
|
2062 | border-top-right-radius: 5px;
|
2063 | }
|
2064 | .uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
|
2065 | border-bottom-left-radius: 5px;
|
2066 | border-bottom-right-radius: 5px;
|
2067 | }
|
2068 |
|
2069 | .uppy-Dashboard-FileCard-inner {
|
2070 | height: 100%;
|
2071 | -ms-flex-positive: 1;
|
2072 | flex-grow: 1;
|
2073 | -ms-flex-negative: 1;
|
2074 | flex-shrink: 1;
|
2075 | min-height: 0;
|
2076 | display: -ms-flexbox;
|
2077 | display: flex;
|
2078 | -ms-flex-direction: column;
|
2079 | flex-direction: column;
|
2080 | }
|
2081 |
|
2082 | .uppy-Dashboard-FileCard-preview {
|
2083 | height: 60%;
|
2084 | -ms-flex-positive: 0;
|
2085 | flex-grow: 0;
|
2086 | -ms-flex-negative: 1;
|
2087 | flex-shrink: 1;
|
2088 | min-height: 0;
|
2089 | border-bottom: 1px solid #eaeaea;
|
2090 | display: -ms-flexbox;
|
2091 | display: flex;
|
2092 | -ms-flex-align: center;
|
2093 | align-items: center;
|
2094 | -ms-flex-pack: center;
|
2095 | justify-content: center;
|
2096 | position: relative;
|
2097 | }
|
2098 | [data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
|
2099 | background-color: #333;
|
2100 | border-bottom: 0;
|
2101 | }
|
2102 |
|
2103 | .uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
|
2104 | max-width: 90%;
|
2105 | max-height: 90%;
|
2106 | object-fit: cover;
|
2107 | -ms-flex: 0 0 auto;
|
2108 | flex: 0 0 auto;
|
2109 | border-radius: 3px;
|
2110 | box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.15);
|
2111 | }
|
2112 |
|
2113 | [dir="ltr"] .uppy-Dashboard-FileCard-edit{
|
2114 | right: 10px;
|
2115 | }
|
2116 |
|
2117 | [dir="rtl"] .uppy-Dashboard-FileCard-edit{
|
2118 | left: 10px;
|
2119 | }
|
2120 |
|
2121 | .uppy-Dashboard-FileCard-edit {
|
2122 | position: absolute;
|
2123 | top: 10px;
|
2124 | font-size: 13px;
|
2125 | background-color: rgba(0, 0, 0, 0.5);
|
2126 | color: #fff;
|
2127 | padding: 7px 15px;
|
2128 | border-radius: 50px;
|
2129 | }
|
2130 | .uppy-Dashboard-FileCard-edit:focus {
|
2131 | outline: none;
|
2132 | }
|
2133 | .uppy-Dashboard-FileCard-edit::-moz-focus-inner {
|
2134 | border: 0;
|
2135 | }
|
2136 | .uppy-Dashboard-FileCard-edit:focus {
|
2137 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
2138 | }
|
2139 | .uppy-Dashboard-FileCard-edit:hover {
|
2140 | background-color: rgba(0, 0, 0, 0.8);
|
2141 | }
|
2142 |
|
2143 | .uppy-Dashboard-FileCard-info {
|
2144 | height: 40%;
|
2145 | -ms-flex-positive: 0;
|
2146 | flex-grow: 0;
|
2147 | -ms-flex-negative: 0;
|
2148 | flex-shrink: 0;
|
2149 | padding: 30px 20px 20px 20px;
|
2150 | overflow-y: auto;
|
2151 | -webkit-overflow-scrolling: touch;
|
2152 | }
|
2153 | [data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
|
2154 | background-color: #1f1f1f;
|
2155 | }
|
2156 |
|
2157 | .uppy-Dashboard-FileCard-fieldset {
|
2158 | font-size: 0;
|
2159 | border: 0;
|
2160 | padding: 0;
|
2161 | max-width: 640px;
|
2162 | margin: auto;
|
2163 | margin-bottom: 12px;
|
2164 | }
|
2165 |
|
2166 | .uppy-Dashboard-FileCard-label {
|
2167 | display: inline-block;
|
2168 | vertical-align: middle;
|
2169 | width: 22%;
|
2170 | font-size: 12px;
|
2171 | color: #525252;
|
2172 | }
|
2173 | .uppy-size--md .uppy-Dashboard-FileCard-label {
|
2174 | font-size: 14px;
|
2175 | }
|
2176 | [data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
|
2177 | color: #eaeaea;
|
2178 | }
|
2179 |
|
2180 | .uppy-Dashboard-FileCard-input {
|
2181 | display: inline-block;
|
2182 | vertical-align: middle;
|
2183 | width: 78%;
|
2184 | }
|
2185 |
|
2186 | .uppy-Dashboard-FileCard-actions {
|
2187 | height: 55px;
|
2188 | -ms-flex-negative: 0;
|
2189 | flex-shrink: 0;
|
2190 | -ms-flex-positive: 0;
|
2191 | flex-grow: 0;
|
2192 | border-top: 1px solid #eaeaea;
|
2193 | padding: 0 15px;
|
2194 | background-color: #fafafa;
|
2195 | display: -ms-flexbox;
|
2196 | display: flex;
|
2197 | -ms-flex-align: center;
|
2198 | align-items: center;
|
2199 | }
|
2200 | .uppy-size--md .uppy-Dashboard-FileCard-actions {
|
2201 | height: 65px;
|
2202 | }
|
2203 | [data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
|
2204 | border-top: 1px solid #333;
|
2205 | background-color: #1f1f1f;
|
2206 | }
|
2207 |
|
2208 | [dir="ltr"] .uppy-Dashboard-FileCard-actionsBtn{
|
2209 | margin-right: 10px;
|
2210 | }
|
2211 |
|
2212 | [dir="rtl"] .uppy-Dashboard-FileCard-actionsBtn{
|
2213 | margin-left: 10px;
|
2214 | }
|
2215 |
|
2216 | .uppy-Dashboard-FileCard-actionsBtn {
|
2217 | -webkit-margin-end: 10px;
|
2218 | }
|
2219 |
|
2220 | .uppy-transition-slideDownUp-enter {
|
2221 | opacity: 0.01;
|
2222 | transform: translate3d(0, -105%, 0);
|
2223 | transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
|
2224 | }
|
2225 |
|
2226 | .uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
|
2227 | opacity: 1;
|
2228 | transform: translate3d(0, 0, 0);
|
2229 | }
|
2230 |
|
2231 | .uppy-transition-slideDownUp-leave {
|
2232 | opacity: 1;
|
2233 | transform: translate3d(0, 0, 0);
|
2234 | transition: transform 0.25s ease-in-out, opacity 0.25s ease-in-out;
|
2235 | }
|
2236 |
|
2237 | .uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
|
2238 | opacity: 0.01;
|
2239 | transform: translate3d(0, -105%, 0);
|
2240 | }
|
2241 |
|
2242 | @keyframes uppy-Dashboard-fadeIn {
|
2243 | from {
|
2244 | opacity: 0;
|
2245 | }
|
2246 | to {
|
2247 | opacity: 1;
|
2248 | }
|
2249 | }
|
2250 | @keyframes uppy-Dashboard-fadeOut {
|
2251 | from {
|
2252 | opacity: 1;
|
2253 | }
|
2254 | to {
|
2255 | opacity: 0;
|
2256 | }
|
2257 | }
|
2258 | @keyframes uppy-Dashboard-slideDownAndFadeIn {
|
2259 | from {
|
2260 | transform: translate3d(-50%, -70%, 0);
|
2261 | opacity: 0;
|
2262 | }
|
2263 | to {
|
2264 | transform: translate3d(-50%, -50%, 0);
|
2265 | opacity: 1;
|
2266 | }
|
2267 | }
|
2268 | @keyframes uppy-Dashboard-slideDownAndFadeIn--small {
|
2269 | from {
|
2270 | transform: translate3d(0, -20%, 0);
|
2271 | opacity: 0;
|
2272 | }
|
2273 | to {
|
2274 | transform: translate3d(0, 0, 0);
|
2275 | opacity: 1;
|
2276 | }
|
2277 | }
|
2278 | @keyframes uppy-Dashboard-slideUpFadeOut {
|
2279 | from {
|
2280 | transform: translate3d(-50%, -50%, 0);
|
2281 | opacity: 1;
|
2282 | }
|
2283 | to {
|
2284 | transform: translate3d(-50%, -70%, 0);
|
2285 | opacity: 0;
|
2286 | }
|
2287 | }
|
2288 | @keyframes uppy-Dashboard-slideUpFadeOut--small {
|
2289 | from {
|
2290 | transform: translate3d(0, 0, 0);
|
2291 | opacity: 1;
|
2292 | }
|
2293 | to {
|
2294 | transform: translate3d(0, -20%, 0);
|
2295 | opacity: 0;
|
2296 | }
|
2297 | }
|
2298 | .uppy-Dashboard--modal {
|
2299 | z-index: 1001;
|
2300 | }
|
2301 |
|
2302 | .uppy-Dashboard--modal[aria-hidden=true] {
|
2303 | display: none;
|
2304 | }
|
2305 |
|
2306 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
|
2307 | animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2308 | }
|
2309 | @media only screen and (min-width: 820px) {
|
2310 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
|
2311 | animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2312 | }
|
2313 | }
|
2314 |
|
2315 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
|
2316 | animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2317 | }
|
2318 |
|
2319 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
|
2320 | animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2321 | }
|
2322 | @media only screen and (min-width: 820px) {
|
2323 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
|
2324 | animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2325 | }
|
2326 | }
|
2327 |
|
2328 | .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
|
2329 | animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
|
2330 | }
|
2331 |
|
2332 | .uppy-Dashboard-isFixed {
|
2333 | overflow: hidden;
|
2334 | height: 100vh;
|
2335 | }
|
2336 |
|
2337 | .uppy-Dashboard--modal .uppy-Dashboard-overlay {
|
2338 | position: fixed;
|
2339 | top: 0;
|
2340 | left: 0;
|
2341 | right: 0;
|
2342 | bottom: 0;
|
2343 | background-color: rgba(0, 0, 0, 0.5);
|
2344 | z-index: 1001;
|
2345 | }
|
2346 |
|
2347 | .uppy-Dashboard-inner {
|
2348 | position: relative;
|
2349 | background-color: #fafafa;
|
2350 | max-width: 100%;
|
2351 | max-height: 100%;
|
2352 | outline: none;
|
2353 | border: 1px solid #eaeaea;
|
2354 | border-radius: 5px;
|
2355 | }
|
2356 | .uppy-size--md .uppy-Dashboard-inner {
|
2357 | min-height: auto;
|
2358 | }
|
2359 | @media only screen and (min-width: 820px) {
|
2360 | .uppy-Dashboard-inner {
|
2361 | width: 750px;
|
2362 | height: 550px;
|
2363 | }
|
2364 | }
|
2365 | .uppy-Dashboard--modal .uppy-Dashboard-inner {
|
2366 | z-index: 1002;
|
2367 | }
|
2368 | [data-uppy-theme=dark] .uppy-Dashboard-inner {
|
2369 | background-color: #1f1f1f;
|
2370 | }
|
2371 | .uppy-Dashboard--isDisabled .uppy-Dashboard-inner {
|
2372 | cursor: not-allowed;
|
2373 | }
|
2374 |
|
2375 | .uppy-Dashboard-innerWrap {
|
2376 | display: -ms-flexbox;
|
2377 | display: flex;
|
2378 | -ms-flex-direction: column;
|
2379 | flex-direction: column;
|
2380 | height: 100%;
|
2381 | overflow: hidden;
|
2382 | position: relative;
|
2383 | border-radius: 5px;
|
2384 | opacity: 0;
|
2385 | }
|
2386 | .uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
|
2387 | opacity: 1;
|
2388 | }
|
2389 | .uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap {
|
2390 | pointer-events: none;
|
2391 | opacity: 0.6;
|
2392 | filter: grayscale(100%);
|
2393 | -webkit-user-select: none;
|
2394 | -ms-user-select: none;
|
2395 | user-select: none;
|
2396 | }
|
2397 |
|
2398 | .uppy-Dashboard--isDisabled .uppy-ProviderIconBg {
|
2399 | fill: #9f9f9f;
|
2400 | }
|
2401 |
|
2402 | .uppy-Dashboard--modal .uppy-Dashboard-inner {
|
2403 | position: fixed;
|
2404 | top: 35px;
|
2405 | left: 15px;
|
2406 | right: 15px;
|
2407 | bottom: 15px;
|
2408 | border: none;
|
2409 | }
|
2410 | @media only screen and (min-width: 820px) {
|
2411 | .uppy-Dashboard--modal .uppy-Dashboard-inner {
|
2412 | top: 50%;
|
2413 | left: 50%;
|
2414 | right: auto;
|
2415 | transform: translate(-50%, -50%);
|
2416 | box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15);
|
2417 | }
|
2418 | }
|
2419 |
|
2420 | [dir="ltr"] .uppy-Dashboard-close{
|
2421 | right: -2px;
|
2422 | }
|
2423 |
|
2424 | [dir="rtl"] .uppy-Dashboard-close{
|
2425 | left: -2px;
|
2426 | }
|
2427 |
|
2428 | .uppy-Dashboard-close {
|
2429 | display: block;
|
2430 | position: absolute;
|
2431 | top: -33px;
|
2432 | cursor: pointer;
|
2433 | color: rgba(255, 255, 255, 0.9);
|
2434 | font-size: 27px;
|
2435 | z-index: 1005;
|
2436 | }
|
2437 | .uppy-Dashboard-close:focus {
|
2438 | outline: none;
|
2439 | }
|
2440 | .uppy-Dashboard-close::-moz-focus-inner {
|
2441 | border: 0;
|
2442 | }
|
2443 | .uppy-Dashboard-close:focus {
|
2444 | color: #8cb8ed;
|
2445 | }
|
2446 | @media only screen and (min-width: 820px) {
|
2447 | [dir="ltr"] .uppy-Dashboard-close{
|
2448 | right: -35px;
|
2449 | }
|
2450 | [dir="rtl"] .uppy-Dashboard-close{
|
2451 | left: -35px;
|
2452 | }
|
2453 | .uppy-Dashboard-close {
|
2454 | font-size: 35px;
|
2455 | top: -10px;
|
2456 | }
|
2457 | }
|
2458 |
|
2459 | .uppy-Dashboard-AddFiles {
|
2460 | display: -ms-flexbox;
|
2461 | display: flex;
|
2462 | -ms-flex-pack: center;
|
2463 | justify-content: center;
|
2464 | -ms-flex-align: center;
|
2465 | align-items: center;
|
2466 | -ms-flex-direction: column;
|
2467 | flex-direction: column;
|
2468 | height: 100%;
|
2469 | position: relative;
|
2470 | text-align: center;
|
2471 | }
|
2472 | [data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
|
2473 | margin: 7px;
|
2474 | height: calc(100% - 14px);
|
2475 | border-radius: 3px;
|
2476 | border: 1px dashed #dfdfdf;
|
2477 | }
|
2478 | .uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
|
2479 | border: none;
|
2480 | height: calc(100% - 14px - 40px);
|
2481 | }
|
2482 | .uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
|
2483 | border-color: #cfcfcf;
|
2484 | }
|
2485 | [data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
|
2486 | border-color: #757575;
|
2487 | }
|
2488 |
|
2489 | .uppy-Dashboard-AddFiles-info {
|
2490 | padding-top: 15px;
|
2491 | padding-bottom: 15px;
|
2492 | margin-top: auto;
|
2493 | display: none;
|
2494 | }
|
2495 | .uppy-size--height-md .uppy-Dashboard-AddFiles-info {
|
2496 | display: block;
|
2497 | }
|
2498 | .uppy-size--md .uppy-Dashboard-AddFiles-info {
|
2499 | position: absolute;
|
2500 | bottom: 25px;
|
2501 | left: 0;
|
2502 | right: 0;
|
2503 | padding-top: 30px;
|
2504 | padding-bottom: 0;
|
2505 | }
|
2506 | [data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
|
2507 | margin-top: 0;
|
2508 | }
|
2509 |
|
2510 | .uppy-Dashboard-browse {
|
2511 | cursor: pointer;
|
2512 | color: rgba(34, 117, 215, 0.9);
|
2513 | }
|
2514 | .uppy-Dashboard-browse:focus {
|
2515 | outline: none;
|
2516 | }
|
2517 | .uppy-Dashboard-browse::-moz-focus-inner {
|
2518 | border: 0;
|
2519 | }
|
2520 | .uppy-Dashboard-browse:hover, .uppy-Dashboard-browse:focus {
|
2521 | border-bottom: 1px solid #2275d7;
|
2522 | }
|
2523 | [data-uppy-theme=dark] .uppy-Dashboard-browse {
|
2524 | color: rgba(2, 186, 242, 0.9);
|
2525 | }
|
2526 | [data-uppy-theme=dark] .uppy-Dashboard-browse:hover, [data-uppy-theme=dark] .uppy-Dashboard-browse:focus {
|
2527 | border-bottom: 1px solid #02baf2;
|
2528 | }
|
2529 |
|
2530 | .uppy-Dashboard-browseBtn {
|
2531 | display: block;
|
2532 | font-size: 14px;
|
2533 | font-weight: 500;
|
2534 | margin-top: 8px;
|
2535 | margin-bottom: 5px;
|
2536 | width: 100%;
|
2537 | }
|
2538 | .uppy-size--md .uppy-Dashboard-browseBtn {
|
2539 | font-size: 15px;
|
2540 | width: auto;
|
2541 | margin: auto;
|
2542 | margin-top: 15px;
|
2543 | margin-bottom: 15px;
|
2544 | padding: 13px 44px;
|
2545 | }
|
2546 |
|
2547 | .uppy-Dashboard-AddFiles-list {
|
2548 | display: -ms-flexbox;
|
2549 | display: flex;
|
2550 | -ms-flex-direction: column;
|
2551 | flex-direction: column;
|
2552 | -ms-flex: 1;
|
2553 | flex: 1;
|
2554 | overflow-y: auto;
|
2555 | -webkit-overflow-scrolling: touch;
|
2556 | margin-top: 2px;
|
2557 | padding: 2px 0;
|
2558 | width: 100%;
|
2559 | }
|
2560 | .uppy-size--md .uppy-Dashboard-AddFiles-list {
|
2561 | -ms-flex-direction: row;
|
2562 | flex-direction: row;
|
2563 | -ms-flex-wrap: wrap;
|
2564 | flex-wrap: wrap;
|
2565 | -ms-flex-pack: center;
|
2566 | justify-content: center;
|
2567 | max-width: 600px;
|
2568 | overflow-y: visible;
|
2569 | margin-top: 15px;
|
2570 | padding-top: 0;
|
2571 | -ms-flex: none;
|
2572 | flex: none;
|
2573 | }
|
2574 |
|
2575 | .uppy-DashboardTab {
|
2576 | width: 100%;
|
2577 | text-align: center;
|
2578 | border-bottom: 1px solid #eaeaea;
|
2579 | }
|
2580 | [data-uppy-theme=dark] .uppy-DashboardTab {
|
2581 | border-bottom: 1px solid #333;
|
2582 | }
|
2583 | .uppy-size--md .uppy-DashboardTab {
|
2584 | display: inline-block;
|
2585 | width: initial;
|
2586 | margin-bottom: 10px;
|
2587 | border-bottom: none;
|
2588 | }
|
2589 |
|
2590 | .uppy-DashboardTab-btn {
|
2591 | width: 100%;
|
2592 | height: 100%;
|
2593 | cursor: pointer;
|
2594 | border: 0;
|
2595 | background-color: transparent;
|
2596 | -webkit-appearance: none;
|
2597 | -moz-appearance: none;
|
2598 | appearance: none;
|
2599 | color: #525252;
|
2600 | display: -ms-flexbox;
|
2601 | display: flex;
|
2602 | -ms-flex-direction: row;
|
2603 | flex-direction: row;
|
2604 | -ms-flex-align: center;
|
2605 | align-items: center;
|
2606 | padding: 12px 15px;
|
2607 | line-height: 1;
|
2608 | text-align: center;
|
2609 | }
|
2610 | .uppy-DashboardTab-btn:focus {
|
2611 | outline: none;
|
2612 | }
|
2613 | .uppy-DashboardTab-btn::-moz-focus-inner {
|
2614 | border: 0;
|
2615 | }
|
2616 | [dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn{
|
2617 | margin-right: 1px;
|
2618 | }
|
2619 | [dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn{
|
2620 | margin-left: 1px;
|
2621 | }
|
2622 | .uppy-size--md .uppy-DashboardTab-btn {
|
2623 | width: 86px;
|
2624 | -webkit-margin-end: 1px;
|
2625 | -ms-flex-direction: column;
|
2626 | flex-direction: column;
|
2627 | padding: 10px 3px;
|
2628 | border-radius: 5px;
|
2629 | }
|
2630 | [data-uppy-theme=dark] .uppy-DashboardTab-btn {
|
2631 | color: #eaeaea;
|
2632 | }
|
2633 |
|
2634 | .uppy-DashboardTab-btn::-moz-focus-inner {
|
2635 | border: 0;
|
2636 | }
|
2637 |
|
2638 | .uppy-DashboardTab-btn:hover {
|
2639 | background-color: #f1f3f6;
|
2640 | }
|
2641 | [data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
|
2642 | background-color: #333;
|
2643 | }
|
2644 |
|
2645 | .uppy-DashboardTab-btn:active,
|
2646 | .uppy-DashboardTab-btn:focus {
|
2647 | background-color: #eceef2;
|
2648 | }
|
2649 | [data-uppy-theme=dark] .uppy-DashboardTab-btn:active,
|
2650 | [data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
|
2651 | background-color: #525252;
|
2652 | }
|
2653 |
|
2654 | [dir="ltr"] .uppy-DashboardTab-btn svg{
|
2655 | margin-right: 10px;
|
2656 | }
|
2657 |
|
2658 | [dir="rtl"] .uppy-DashboardTab-btn svg{
|
2659 | margin-left: 10px;
|
2660 | }
|
2661 |
|
2662 | .uppy-DashboardTab-btn svg {
|
2663 | max-width: 100%;
|
2664 | max-height: 100%;
|
2665 | display: inline-block;
|
2666 | vertical-align: text-top;
|
2667 | overflow: hidden;
|
2668 | transition: transform ease-in-out 0.15s;
|
2669 | -webkit-margin-end: 10px;
|
2670 | }
|
2671 | [dir="ltr"] .uppy-size--md .uppy-DashboardTab-btn svg{
|
2672 | margin-right: 0;
|
2673 | }
|
2674 | [dir="rtl"] .uppy-size--md .uppy-DashboardTab-btn svg{
|
2675 | margin-left: 0;
|
2676 | }
|
2677 | .uppy-size--md .uppy-DashboardTab-btn svg {
|
2678 | -webkit-margin-end: 0;
|
2679 | }
|
2680 |
|
2681 | .uppy-DashboardTab-name {
|
2682 | font-size: 14px;
|
2683 | font-weight: 500;
|
2684 | }
|
2685 | .uppy-size--md .uppy-DashboardTab-name {
|
2686 | font-size: 11px;
|
2687 | line-height: 15px;
|
2688 | margin-top: 8px;
|
2689 | margin-bottom: 0;
|
2690 | }
|
2691 |
|
2692 | .uppy-DashboardTab svg {
|
2693 | width: 23px;
|
2694 | height: 23px;
|
2695 | vertical-align: middle;
|
2696 | }
|
2697 | .uppy-size--md .uppy-DashboardTab svg {
|
2698 | width: 30px;
|
2699 | height: 30px;
|
2700 | }
|
2701 |
|
2702 | .uppy-Dashboard-input {
|
2703 | width: 0.1px;
|
2704 | height: 0.1px;
|
2705 | opacity: 0;
|
2706 | overflow: hidden;
|
2707 | position: absolute;
|
2708 | z-index: -1;
|
2709 | }
|
2710 |
|
2711 | .uppy-DashboardContent-bar {
|
2712 | -ms-flex-negative: 0;
|
2713 | flex-shrink: 0;
|
2714 | height: 40px;
|
2715 | width: 100%;
|
2716 | padding: 0 10px;
|
2717 | z-index: 1004;
|
2718 | display: -ms-flexbox;
|
2719 | display: flex;
|
2720 | -ms-flex-align: center;
|
2721 | align-items: center;
|
2722 | -ms-flex-pack: justify;
|
2723 | justify-content: space-between;
|
2724 | position: relative;
|
2725 | border-bottom: 1px solid #eaeaea;
|
2726 | background-color: #fafafa;
|
2727 | }
|
2728 | .uppy-size--md .uppy-DashboardContent-bar {
|
2729 | height: 50px;
|
2730 | padding: 0 15px;
|
2731 | }
|
2732 | [data-uppy-theme=dark] .uppy-DashboardContent-bar {
|
2733 | background-color: #1f1f1f;
|
2734 | border-bottom: 1px solid #333;
|
2735 | }
|
2736 |
|
2737 | .uppy-DashboardContent-title {
|
2738 | position: absolute;
|
2739 | top: 0;
|
2740 | left: 0;
|
2741 | right: 0;
|
2742 | text-align: center;
|
2743 | font-size: 12px;
|
2744 | line-height: 40px;
|
2745 | font-weight: 500;
|
2746 | width: 100%;
|
2747 | max-width: 170px;
|
2748 | text-overflow: ellipsis;
|
2749 | white-space: nowrap;
|
2750 | overflow-x: hidden;
|
2751 | margin: auto;
|
2752 | }
|
2753 | .uppy-size--md .uppy-DashboardContent-title {
|
2754 | font-size: 14px;
|
2755 | line-height: 50px;
|
2756 | max-width: 300px;
|
2757 | }
|
2758 | [data-uppy-theme=dark] .uppy-DashboardContent-title {
|
2759 | color: #eaeaea;
|
2760 | }
|
2761 |
|
2762 | [dir="ltr"] .uppy-DashboardContent-back{
|
2763 | margin-left: -6px;
|
2764 | }
|
2765 |
|
2766 | [dir="rtl"] .uppy-DashboardContent-back{
|
2767 | margin-right: -6px;
|
2768 | }
|
2769 |
|
2770 | .uppy-DashboardContent-back {
|
2771 | background: none;
|
2772 | -webkit-appearance: none;
|
2773 | font-family: inherit;
|
2774 | font-size: inherit;
|
2775 | line-height: 1;
|
2776 | padding: 0;
|
2777 | margin: 0;
|
2778 | border: 0;
|
2779 | color: inherit;
|
2780 | border-radius: 3px;
|
2781 | font-size: 12px;
|
2782 | font-weight: 400;
|
2783 | cursor: pointer;
|
2784 | color: #2275d7;
|
2785 | padding: 7px 6px;
|
2786 | -webkit-margin-start: -6px;
|
2787 | }
|
2788 | .uppy-DashboardContent-back:focus {
|
2789 | outline: none;
|
2790 | }
|
2791 | .uppy-DashboardContent-back::-moz-focus-inner {
|
2792 | border: 0;
|
2793 | }
|
2794 | .uppy-DashboardContent-back:hover {
|
2795 | color: #1b5dab;
|
2796 | }
|
2797 | .uppy-DashboardContent-back:focus {
|
2798 | background-color: #eceef2;
|
2799 | }
|
2800 | [data-uppy-theme=dark] .uppy-DashboardContent-back:focus {
|
2801 | background-color: #333;
|
2802 | }
|
2803 | .uppy-size--md .uppy-DashboardContent-back {
|
2804 | font-size: 14px;
|
2805 | }
|
2806 | [data-uppy-theme=dark] .uppy-DashboardContent-back {
|
2807 | color: #02baf2;
|
2808 | }
|
2809 |
|
2810 | [dir="ltr"] .uppy-DashboardContent-addMore{
|
2811 | margin-right: -5px;
|
2812 | }
|
2813 |
|
2814 | [dir="rtl"] .uppy-DashboardContent-addMore{
|
2815 | margin-left: -5px;
|
2816 | }
|
2817 |
|
2818 | .uppy-DashboardContent-addMore {
|
2819 | background: none;
|
2820 | -webkit-appearance: none;
|
2821 | font-family: inherit;
|
2822 | font-size: inherit;
|
2823 | line-height: 1;
|
2824 | padding: 0;
|
2825 | margin: 0;
|
2826 | border: 0;
|
2827 | color: inherit;
|
2828 | border-radius: 3px;
|
2829 | font-weight: 500;
|
2830 | cursor: pointer;
|
2831 | color: #2275d7;
|
2832 | width: 29px;
|
2833 | height: 29px;
|
2834 | padding: 7px 8px;
|
2835 | -webkit-margin-end: -5px;
|
2836 | }
|
2837 | .uppy-DashboardContent-addMore:focus {
|
2838 | outline: none;
|
2839 | }
|
2840 | .uppy-DashboardContent-addMore::-moz-focus-inner {
|
2841 | border: 0;
|
2842 | }
|
2843 | .uppy-DashboardContent-addMore:hover {
|
2844 | color: #1b5dab;
|
2845 | }
|
2846 | .uppy-DashboardContent-addMore:focus {
|
2847 | background-color: #eceef2;
|
2848 | }
|
2849 | [data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
|
2850 | background-color: #333;
|
2851 | }
|
2852 | [dir="ltr"] .uppy-size--md .uppy-DashboardContent-addMore{
|
2853 | margin-right: -8px;
|
2854 | }
|
2855 | [dir="rtl"] .uppy-size--md .uppy-DashboardContent-addMore{
|
2856 | margin-left: -8px;
|
2857 | }
|
2858 | .uppy-size--md .uppy-DashboardContent-addMore {
|
2859 | font-size: 14px;
|
2860 | width: auto;
|
2861 | height: auto;
|
2862 | -webkit-margin-end: -8px;
|
2863 | }
|
2864 | [data-uppy-theme=dark] .uppy-DashboardContent-addMore {
|
2865 | color: #02baf2;
|
2866 | }
|
2867 |
|
2868 | [dir="ltr"] .uppy-DashboardContent-addMore svg{
|
2869 | margin-right: 4px;
|
2870 | }
|
2871 |
|
2872 | [dir="rtl"] .uppy-DashboardContent-addMore svg{
|
2873 | margin-left: 4px;
|
2874 | }
|
2875 |
|
2876 | .uppy-DashboardContent-addMore svg {
|
2877 | vertical-align: baseline;
|
2878 | -webkit-margin-end: 4px;
|
2879 | }
|
2880 | .uppy-size--md .uppy-DashboardContent-addMore svg {
|
2881 | width: 11px;
|
2882 | height: 11px;
|
2883 | }
|
2884 |
|
2885 | .uppy-DashboardContent-addMoreCaption {
|
2886 | display: none;
|
2887 | }
|
2888 | .uppy-size--md .uppy-DashboardContent-addMoreCaption {
|
2889 | display: inline;
|
2890 | }
|
2891 |
|
2892 | .uppy-DashboardContent-panel {
|
2893 | position: absolute;
|
2894 | top: 0;
|
2895 | bottom: 0;
|
2896 | left: 0;
|
2897 | right: 0;
|
2898 | background-color: whitesmoke;
|
2899 | overflow: hidden;
|
2900 | z-index: 1005;
|
2901 | border-radius: 5px;
|
2902 | display: -ms-flexbox;
|
2903 | display: flex;
|
2904 | -ms-flex-direction: column;
|
2905 | flex-direction: column;
|
2906 | -ms-flex: 1;
|
2907 | flex: 1;
|
2908 | }
|
2909 |
|
2910 | .uppy-Dashboard-AddFilesPanel {
|
2911 | position: absolute;
|
2912 | top: 0;
|
2913 | bottom: 0;
|
2914 | left: 0;
|
2915 | right: 0;
|
2916 | background: #fafafa;
|
2917 | background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85) 100%);
|
2918 | box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
|
2919 | overflow: hidden;
|
2920 | z-index: 1005;
|
2921 | border-radius: 5px;
|
2922 | display: -ms-flexbox;
|
2923 | display: flex;
|
2924 | -ms-flex-direction: column;
|
2925 | flex-direction: column;
|
2926 | }
|
2927 | [data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
|
2928 | background-color: #333;
|
2929 | background: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85) 100%);
|
2930 | }
|
2931 |
|
2932 | .uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
|
2933 | filter: blur(2px);
|
2934 | }
|
2935 |
|
2936 | .uppy-Dashboard-progress {
|
2937 | position: absolute;
|
2938 | bottom: 0;
|
2939 | left: 0;
|
2940 | width: 100%;
|
2941 | height: 12%;
|
2942 | }
|
2943 |
|
2944 | .uppy-Dashboard-progressBarContainer.is-active {
|
2945 | z-index: 1004;
|
2946 | position: absolute;
|
2947 | top: 0;
|
2948 | left: 0;
|
2949 | width: 100%;
|
2950 | height: 100%;
|
2951 | }
|
2952 |
|
2953 | .uppy-Dashboard:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
|
2954 | display: none;
|
2955 | }
|
2956 |
|
2957 | .uppy-Dashboard-filesContainer {
|
2958 | position: relative;
|
2959 | overflow-y: hidden;
|
2960 | margin: 0;
|
2961 | -ms-flex: 1;
|
2962 | flex: 1;
|
2963 | }
|
2964 | .uppy-Dashboard-filesContainer:after {
|
2965 | content: "";
|
2966 | display: table;
|
2967 | clear: both;
|
2968 | }
|
2969 |
|
2970 | .uppy-Dashboard-files {
|
2971 | margin: 0;
|
2972 | padding: 0 0 10px 0;
|
2973 | overflow-y: auto;
|
2974 | -webkit-overflow-scrolling: touch;
|
2975 | -ms-flex: 1;
|
2976 | flex: 1;
|
2977 | }
|
2978 | .uppy-size--md .uppy-Dashboard-files {
|
2979 | padding-top: 10px;
|
2980 | }
|
2981 |
|
2982 | .uppy-Dashboard-dropFilesHereHint {
|
2983 | display: -ms-flexbox;
|
2984 | display: flex;
|
2985 | -ms-flex-align: center;
|
2986 | align-items: center;
|
2987 | -ms-flex-pack: center;
|
2988 | justify-content: center;
|
2989 | visibility: hidden;
|
2990 | position: absolute;
|
2991 | top: 7px;
|
2992 | right: 7px;
|
2993 | bottom: 7px;
|
2994 | left: 7px;
|
2995 | padding-top: 90px;
|
2996 | border: 1px dashed #2275d7;
|
2997 | border-radius: 3px;
|
2998 | z-index: 2000;
|
2999 | text-align: center;
|
3000 | background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%232275D7' fill-rule='nonzero'/%3E%3C/svg%3E");
|
3001 | background-position: 50% 50%;
|
3002 | background-repeat: no-repeat;
|
3003 | color: #757575;
|
3004 | font-size: 16px;
|
3005 | }
|
3006 | [data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
|
3007 | color: #bbb;
|
3008 | border-color: #02baf2;
|
3009 | background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2' fill-rule='nonzero'/%3E%3C/svg%3E");
|
3010 | }
|
3011 |
|
3012 | .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
|
3013 | visibility: visible;
|
3014 | }
|
3015 | .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar,
|
3016 | .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,
|
3017 | .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators {
|
3018 | opacity: 0.15;
|
3019 | }
|
3020 | .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
|
3021 | opacity: 0.03;
|
3022 | }
|
3023 |
|
3024 | .uppy-Dashboard-dropFilesIcon {
|
3025 | display: none;
|
3026 | margin-bottom: 15px;
|
3027 | }
|
3028 | .uppy-size--md.uppy-size--height-md .uppy-Dashboard-dropFilesIcon {
|
3029 | display: block;
|
3030 | }
|
3031 |
|
3032 | .uppy-Dashboard-AddFiles-title {
|
3033 | font-size: 17px;
|
3034 | line-height: 1.35;
|
3035 | font-weight: 500;
|
3036 | color: #000;
|
3037 | margin-top: 15px;
|
3038 | margin-bottom: 5px;
|
3039 | text-align: inline-start;
|
3040 | padding: 0 15px;
|
3041 | width: 100%;
|
3042 | }
|
3043 | .uppy-size--md .uppy-Dashboard-AddFiles-title {
|
3044 | font-size: 25px;
|
3045 | margin-top: 5px;
|
3046 | font-weight: 400;
|
3047 | text-align: center;
|
3048 | max-width: 480px;
|
3049 | }
|
3050 | [data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
|
3051 | text-align: center;
|
3052 | }
|
3053 | [data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
|
3054 | color: #eaeaea;
|
3055 | }
|
3056 | .uppy-Dashboard-AddFiles-title button {
|
3057 | font-weight: 500;
|
3058 | }
|
3059 | .uppy-size--md .uppy-Dashboard-AddFiles-title button {
|
3060 | font-weight: 400;
|
3061 | }
|
3062 |
|
3063 | .uppy-Dashboard-note {
|
3064 | font-size: 14px;
|
3065 | line-height: 1.25;
|
3066 | text-align: center;
|
3067 | color: #757575;
|
3068 | max-width: 350px;
|
3069 | margin: auto;
|
3070 | padding: 0 15px;
|
3071 | }
|
3072 | .uppy-size--md .uppy-Dashboard-note {
|
3073 | font-size: 15px;
|
3074 | line-height: 1.35;
|
3075 | max-width: 600px;
|
3076 | }
|
3077 | [data-uppy-theme=dark] .uppy-Dashboard-note {
|
3078 | color: #cfcfcf;
|
3079 | }
|
3080 |
|
3081 | a.uppy-Dashboard-poweredBy {
|
3082 | display: inline-block;
|
3083 | text-align: center;
|
3084 | font-size: 11px;
|
3085 | color: #939393;
|
3086 | text-decoration: none;
|
3087 | margin-top: 8px;
|
3088 | }
|
3089 |
|
3090 | .uppy-Dashboard-poweredByIcon {
|
3091 | stroke: #939393;
|
3092 | fill: none;
|
3093 | margin-left: 1px;
|
3094 | margin-right: 1px;
|
3095 | position: relative;
|
3096 | top: 1px;
|
3097 | opacity: 0.9;
|
3098 | vertical-align: text-top;
|
3099 | }
|
3100 |
|
3101 | .uppy-Dashboard-Item-previewIcon {
|
3102 | width: 25px;
|
3103 | height: 25px;
|
3104 | z-index: 100;
|
3105 | position: absolute;
|
3106 | top: 50%;
|
3107 | left: 50%;
|
3108 | transform: translate(-50%, -50%);
|
3109 | }
|
3110 | .uppy-size--md .uppy-Dashboard-Item-previewIcon {
|
3111 | width: 38px;
|
3112 | height: 38px;
|
3113 | }
|
3114 | .uppy-Dashboard-Item-previewIcon svg {
|
3115 | width: 100%;
|
3116 | height: 100%;
|
3117 | }
|
3118 |
|
3119 | .uppy-Dashboard-Item-previewIconWrap {
|
3120 | height: 76px;
|
3121 | max-height: 75%;
|
3122 | position: relative;
|
3123 | }
|
3124 |
|
3125 | .uppy-Dashboard-Item-previewIconBg {
|
3126 | width: 100%;
|
3127 | height: 100%;
|
3128 | filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 1px 1px);
|
3129 | }
|
3130 |
|
3131 | .uppy-Dashboard-upload {
|
3132 | position: relative;
|
3133 | width: 50px;
|
3134 | height: 50px;
|
3135 | }
|
3136 | .uppy-size--md .uppy-Dashboard-upload {
|
3137 | width: 60px;
|
3138 | height: 60px;
|
3139 | }
|
3140 |
|
3141 | .uppy-Dashboard-upload .uppy-c-icon {
|
3142 | position: relative;
|
3143 | top: 1px;
|
3144 | width: 50%;
|
3145 | }
|
3146 |
|
3147 | [dir="ltr"] .uppy-Dashboard-uploadCount{
|
3148 | right: -12px;
|
3149 | }
|
3150 |
|
3151 | [dir="rtl"] .uppy-Dashboard-uploadCount{
|
3152 | left: -12px;
|
3153 | }
|
3154 |
|
3155 | .uppy-Dashboard-uploadCount {
|
3156 | position: absolute;
|
3157 | top: -12px;
|
3158 | background-color: #1bb240;
|
3159 | color: #fff;
|
3160 | border-radius: 50%;
|
3161 | width: 16px;
|
3162 | height: 16px;
|
3163 | line-height: 16px;
|
3164 | font-size: 8px;
|
3165 | }
|
3166 | .uppy-size--md .uppy-Dashboard-uploadCount {
|
3167 | width: 18px;
|
3168 | height: 18px;
|
3169 | line-height: 18px;
|
3170 | font-size: 9px;
|
3171 | } |
\ | No newline at end of file |