1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 |
|
12 |
|
13 |
|
14 |
|
15 |
|
16 |
|
17 |
|
18 | .uppy-Root [aria-label][role~=tooltip] {
|
19 |
|
20 | position: relative;
|
21 | }
|
22 |
|
23 | .uppy-Root [aria-label][role~=tooltip]::before,
|
24 | .uppy-Root [aria-label][role~=tooltip]::after {
|
25 |
|
26 | transform: translate3d(0, 0, 0);
|
27 | -webkit-backface-visibility: hidden;
|
28 | backface-visibility: hidden;
|
29 | will-change: transform;
|
30 | opacity: 0;
|
31 | pointer-events: none;
|
32 | transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
|
33 | position: absolute;
|
34 | box-sizing: border-box;
|
35 | z-index: 10;
|
36 | transform-origin: top;
|
37 | }
|
38 |
|
39 | .uppy-Root [aria-label][role~=tooltip]::before {
|
40 |
|
41 | background-size: 100% auto !important;
|
42 | content: "";
|
43 | }
|
44 |
|
45 | .uppy-Root [aria-label][role~=tooltip]::after {
|
46 |
|
47 | background: rgba(17, 17, 17, 0.9);
|
48 | border-radius: 4px;
|
49 | color: #ffffff;
|
50 | content: attr(aria-label);
|
51 | font-size: var(--microtip-font-size, 13px);
|
52 | font-weight: var(--microtip-font-weight, normal);
|
53 | text-transform: var(--microtip-text-transform, none);
|
54 | padding: 0.5em 1em;
|
55 | white-space: nowrap;
|
56 | box-sizing: content-box;
|
57 | }
|
58 |
|
59 | .uppy-Root [aria-label][role~=tooltip]:hover::before,
|
60 | .uppy-Root [aria-label][role~=tooltip]:hover::after,
|
61 | .uppy-Root [aria-label][role~=tooltip]:focus::before,
|
62 | .uppy-Root [aria-label][role~=tooltip]:focus::after {
|
63 |
|
64 | opacity: 1;
|
65 | pointer-events: auto;
|
66 | }
|
67 |
|
68 |
|
69 |
|
70 |
|
71 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
|
72 |
|
73 | 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;
|
74 | height: 6px;
|
75 | width: 18px;
|
76 | margin-bottom: 5px;
|
77 | }
|
78 |
|
79 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
|
80 |
|
81 | margin-bottom: 11px;
|
82 | }
|
83 |
|
84 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::before {
|
85 |
|
86 | transform: translate3d(-50%, 0, 0);
|
87 | bottom: 100%;
|
88 | left: 50%;
|
89 | }
|
90 |
|
91 | .uppy-Root [role~=tooltip][data-microtip-position|=top]:hover::before {
|
92 |
|
93 | transform: translate3d(-50%, -5px, 0);
|
94 | }
|
95 |
|
96 | .uppy-Root [role~=tooltip][data-microtip-position|=top]::after {
|
97 |
|
98 | transform: translate3d(-50%, 0, 0);
|
99 | bottom: 100%;
|
100 | left: 50%;
|
101 | }
|
102 |
|
103 | .uppy-Root [role~=tooltip][data-microtip-position=top]:hover::after {
|
104 |
|
105 | transform: translate3d(-50%, -5px, 0);
|
106 | }
|
107 |
|
108 |
|
109 |
|
110 |
|
111 | .uppy-Root [role~=tooltip][data-microtip-position=top-left]::after {
|
112 |
|
113 | transform: translate3d(calc(-100% + 16px), 0, 0);
|
114 | bottom: 100%;
|
115 | }
|
116 |
|
117 | .uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover::after {
|
118 |
|
119 | transform: translate3d(calc(-100% + 16px), -5px, 0);
|
120 | }
|
121 |
|
122 |
|
123 |
|
124 |
|
125 | .uppy-Root [role~=tooltip][data-microtip-position=top-right]::after {
|
126 |
|
127 | transform: translate3d(calc(0% + -16px), 0, 0);
|
128 | bottom: 100%;
|
129 | }
|
130 |
|
131 | .uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover::after {
|
132 |
|
133 | transform: translate3d(calc(0% + -16px), -5px, 0);
|
134 | }
|
135 |
|
136 |
|
137 |
|
138 |
|
139 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
|
140 |
|
141 | 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;
|
142 | height: 6px;
|
143 | width: 18px;
|
144 | margin-top: 5px;
|
145 | margin-bottom: 0;
|
146 | }
|
147 |
|
148 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
|
149 |
|
150 | margin-top: 11px;
|
151 | }
|
152 |
|
153 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::before {
|
154 |
|
155 | transform: translate3d(-50%, -10px, 0);
|
156 | bottom: auto;
|
157 | left: 50%;
|
158 | top: 100%;
|
159 | }
|
160 |
|
161 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover::before {
|
162 |
|
163 | transform: translate3d(-50%, 0, 0);
|
164 | }
|
165 |
|
166 | .uppy-Root [role~=tooltip][data-microtip-position|=bottom]::after {
|
167 |
|
168 | transform: translate3d(-50%, -10px, 0);
|
169 | top: 100%;
|
170 | left: 50%;
|
171 | }
|
172 |
|
173 | .uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover::after {
|
174 |
|
175 | transform: translate3d(-50%, 0, 0);
|
176 | }
|
177 |
|
178 |
|
179 |
|
180 |
|
181 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]::after {
|
182 |
|
183 | transform: translate3d(calc(-100% + 16px), -10px, 0);
|
184 | top: 100%;
|
185 | }
|
186 |
|
187 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover::after {
|
188 |
|
189 | transform: translate3d(calc(-100% + 16px), 0, 0);
|
190 | }
|
191 |
|
192 |
|
193 |
|
194 |
|
195 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]::after {
|
196 |
|
197 | transform: translate3d(calc(0% + -16px), -10px, 0);
|
198 | top: 100%;
|
199 | }
|
200 |
|
201 | .uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover::after {
|
202 |
|
203 | transform: translate3d(calc(0% + -16px), 0, 0);
|
204 | }
|
205 |
|
206 |
|
207 |
|
208 |
|
209 | .uppy-Root [role~=tooltip][data-microtip-position=left]::before,
|
210 | .uppy-Root [role~=tooltip][data-microtip-position=left]::after {
|
211 |
|
212 | bottom: auto;
|
213 | left: auto;
|
214 | right: 100%;
|
215 | top: 50%;
|
216 | transform: translate3d(10px, -50%, 0);
|
217 | }
|
218 |
|
219 | .uppy-Root [role~=tooltip][data-microtip-position=left]::before {
|
220 |
|
221 | 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;
|
222 | height: 18px;
|
223 | width: 6px;
|
224 | margin-right: 5px;
|
225 | margin-bottom: 0;
|
226 | }
|
227 |
|
228 | .uppy-Root [role~=tooltip][data-microtip-position=left]::after {
|
229 |
|
230 | margin-right: 11px;
|
231 | }
|
232 |
|
233 | .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::before,
|
234 | .uppy-Root [role~=tooltip][data-microtip-position=left]:hover::after {
|
235 |
|
236 | transform: translate3d(0, -50%, 0);
|
237 | }
|
238 |
|
239 |
|
240 |
|
241 |
|
242 | .uppy-Root [role~=tooltip][data-microtip-position=right]::before,
|
243 | .uppy-Root [role~=tooltip][data-microtip-position=right]::after {
|
244 |
|
245 | bottom: auto;
|
246 | left: 100%;
|
247 | top: 50%;
|
248 | transform: translate3d(-10px, -50%, 0);
|
249 | }
|
250 |
|
251 | .uppy-Root [role~=tooltip][data-microtip-position=right]::before {
|
252 |
|
253 | 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;
|
254 | height: 18px;
|
255 | width: 6px;
|
256 | margin-bottom: 0;
|
257 | margin-left: 5px;
|
258 | }
|
259 |
|
260 | .uppy-Root [role~=tooltip][data-microtip-position=right]::after {
|
261 |
|
262 | margin-left: 11px;
|
263 | }
|
264 |
|
265 | .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::before,
|
266 | .uppy-Root [role~=tooltip][data-microtip-position=right]:hover::after {
|
267 |
|
268 | transform: translate3d(0, -50%, 0);
|
269 | }
|
270 |
|
271 |
|
272 |
|
273 |
|
274 | .uppy-Root [role~=tooltip][data-microtip-size=small]::after {
|
275 |
|
276 | white-space: initial;
|
277 | width: 80px;
|
278 | }
|
279 |
|
280 | .uppy-Root [role~=tooltip][data-microtip-size=medium]::after {
|
281 |
|
282 | white-space: initial;
|
283 | width: 150px;
|
284 | }
|
285 |
|
286 | .uppy-Root [role~=tooltip][data-microtip-size=large]::after {
|
287 |
|
288 | white-space: initial;
|
289 | width: 260px;
|
290 | }
|
291 |
|
292 | .uppy-StatusBar {
|
293 | display: -ms-flexbox;
|
294 | display: flex;
|
295 | position: relative;
|
296 | height: 40px;
|
297 | line-height: 40px;
|
298 | font-size: 12px;
|
299 | font-weight: 400;
|
300 | color: #fff;
|
301 | background-color: #fff;
|
302 | z-index: 1001;
|
303 | transition: height 0.2s;
|
304 | }
|
305 | [data-uppy-theme=dark] .uppy-StatusBar {
|
306 | background-color: #1f1f1f;
|
307 | }
|
308 |
|
309 | .uppy-size--md .uppy-StatusBar {
|
310 | height: 46px;
|
311 | }
|
312 |
|
313 | .uppy-StatusBar:before {
|
314 | content: "";
|
315 | position: absolute;
|
316 | left: 0;
|
317 | right: 0;
|
318 | top: 0;
|
319 | bottom: 0;
|
320 | width: 100%;
|
321 | height: 2px;
|
322 | background-color: #eaeaea;
|
323 | }
|
324 | [data-uppy-theme=dark] .uppy-StatusBar:before {
|
325 | background-color: #757575;
|
326 | }
|
327 |
|
328 | .uppy-StatusBar[aria-hidden=true] {
|
329 | overflow-y: hidden;
|
330 | height: 0;
|
331 | }
|
332 |
|
333 | .uppy-StatusBar.is-complete .uppy-StatusBar-progress {
|
334 | background-color: #1bb240;
|
335 | }
|
336 |
|
337 | .uppy-StatusBar.is-error .uppy-StatusBar-progress {
|
338 | background-color: #e32437;
|
339 | }
|
340 |
|
341 | .uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
|
342 | color: #1bb240;
|
343 | }
|
344 |
|
345 | .uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
|
346 | color: #e32437;
|
347 | }
|
348 |
|
349 | .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
|
350 | background-color: #fff;
|
351 | height: 65px;
|
352 | border-top: 1px solid #eaeaea;
|
353 | }
|
354 | [data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
|
355 | background-color: #1f1f1f;
|
356 | border-top: 1px solid #333;
|
357 | }
|
358 |
|
359 | .uppy-StatusBar-progress {
|
360 | background-color: #2275d7;
|
361 | height: 2px;
|
362 | position: absolute;
|
363 | z-index: 1001;
|
364 | transition: background-color, width 0.3s ease-out;
|
365 | }
|
366 | .uppy-StatusBar-progress.is-indeterminate {
|
367 | background-size: 64px 64px;
|
368 | 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);
|
369 | animation: uppy-StatusBar-ProgressStripes 1s linear infinite;
|
370 | }
|
371 |
|
372 | @keyframes uppy-StatusBar-ProgressStripes {
|
373 | from {
|
374 | background-position: 0 0;
|
375 | }
|
376 | to {
|
377 | background-position: 64px 0;
|
378 | }
|
379 | }
|
380 | .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress,
|
381 | .uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress {
|
382 | background-color: #f6a623;
|
383 | }
|
384 |
|
385 | .uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
|
386 | display: none;
|
387 | }
|
388 |
|
389 | [dir="ltr"] .uppy-StatusBar-content {
|
390 | padding-left: 10px;
|
391 | }
|
392 |
|
393 | [dir="rtl"] .uppy-StatusBar-content {
|
394 | padding-right: 10px;
|
395 | }
|
396 |
|
397 | .uppy-StatusBar-content {
|
398 | display: -ms-flexbox;
|
399 | display: flex;
|
400 | -ms-flex-align: center;
|
401 | align-items: center;
|
402 | position: relative;
|
403 | z-index: 1002;
|
404 | -webkit-padding-start: 10px;
|
405 | white-space: nowrap;
|
406 | text-overflow: ellipsis;
|
407 | color: #333;
|
408 | height: 100%;
|
409 | }
|
410 | [dir="ltr"] .uppy-size--md .uppy-StatusBar-content {
|
411 | padding-left: 15px;
|
412 | }
|
413 | [dir="rtl"] .uppy-size--md .uppy-StatusBar-content {
|
414 | padding-right: 15px;
|
415 | }
|
416 | .uppy-size--md .uppy-StatusBar-content {
|
417 | -webkit-padding-start: 15px;
|
418 | }
|
419 | [data-uppy-theme=dark] .uppy-StatusBar-content {
|
420 | color: #eaeaea;
|
421 | }
|
422 |
|
423 | [dir="ltr"] .uppy-StatusBar-status {
|
424 | padding-right: 0.3em;
|
425 | }
|
426 |
|
427 | [dir="rtl"] .uppy-StatusBar-status {
|
428 | padding-left: 0.3em;
|
429 | }
|
430 |
|
431 | .uppy-StatusBar-status {
|
432 | line-height: 1.4;
|
433 | font-weight: normal;
|
434 | display: -ms-flexbox;
|
435 | display: flex;
|
436 | -ms-flex-direction: column;
|
437 | flex-direction: column;
|
438 | -ms-flex-pack: center;
|
439 | justify-content: center;
|
440 | -webkit-padding-end: 0.3em;
|
441 | }
|
442 |
|
443 | .uppy-StatusBar-statusPrimary {
|
444 | font-weight: 500;
|
445 | line-height: 1;
|
446 | }
|
447 | [data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
|
448 | color: #eaeaea;
|
449 | }
|
450 |
|
451 | .uppy-StatusBar-statusSecondary {
|
452 | margin-top: 1px;
|
453 | font-size: 11px;
|
454 | line-height: 1.2;
|
455 | display: inline-block;
|
456 | color: #757575;
|
457 | white-space: nowrap;
|
458 | }
|
459 | [data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
|
460 | color: #bbb;
|
461 | }
|
462 |
|
463 | [dir="ltr"] .uppy-StatusBar-statusSecondaryHint {
|
464 | margin-right: 5px;
|
465 | }
|
466 |
|
467 | [dir="rtl"] .uppy-StatusBar-statusSecondaryHint {
|
468 | margin-left: 5px;
|
469 | }
|
470 |
|
471 | .uppy-StatusBar-statusSecondaryHint {
|
472 | display: inline-block;
|
473 | vertical-align: middle;
|
474 | -webkit-margin-end: 5px;
|
475 | line-height: 1;
|
476 | }
|
477 | [dir="ltr"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
|
478 | margin-right: 8px;
|
479 | }
|
480 | [dir="rtl"] .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
|
481 | margin-left: 8px;
|
482 | }
|
483 | .uppy-size--md .uppy-StatusBar-statusSecondaryHint {
|
484 | -webkit-margin-end: 8px;
|
485 | }
|
486 |
|
487 | [dir="ltr"] .uppy-StatusBar-statusIndicator {
|
488 | margin-right: 7px;
|
489 | }
|
490 |
|
491 | [dir="rtl"] .uppy-StatusBar-statusIndicator {
|
492 | margin-left: 7px;
|
493 | }
|
494 |
|
495 | .uppy-StatusBar-statusIndicator {
|
496 | position: relative;
|
497 | top: 1px;
|
498 | color: #525252;
|
499 | -webkit-margin-end: 7px;
|
500 | }
|
501 | .uppy-StatusBar-statusIndicator svg {
|
502 | vertical-align: text-bottom;
|
503 | }
|
504 |
|
505 | [dir="ltr"] .uppy-StatusBar-actions {
|
506 | right: 10px;
|
507 | }
|
508 |
|
509 | [dir="rtl"] .uppy-StatusBar-actions {
|
510 | left: 10px;
|
511 | }
|
512 |
|
513 | .uppy-StatusBar-actions {
|
514 | display: -ms-flexbox;
|
515 | display: flex;
|
516 | -ms-flex-align: center;
|
517 | align-items: center;
|
518 | position: absolute;
|
519 | top: 0;
|
520 | bottom: 0;
|
521 | z-index: 1004;
|
522 | }
|
523 |
|
524 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
|
525 | width: 100%;
|
526 | position: static;
|
527 | padding: 0 15px;
|
528 | background-color: #fafafa;
|
529 | }
|
530 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
|
531 | background-color: #1f1f1f;
|
532 | }
|
533 |
|
534 | .uppy-StatusBar-actionCircleBtn {
|
535 | line-height: 1;
|
536 | cursor: pointer;
|
537 | margin: 3px;
|
538 | opacity: 0.9;
|
539 | }
|
540 | .uppy-StatusBar-actionCircleBtn:focus {
|
541 | outline: none;
|
542 | }
|
543 | .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
|
544 | border: 0;
|
545 | }
|
546 | .uppy-StatusBar-actionCircleBtn:focus {
|
547 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
548 | }
|
549 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
|
550 | outline: none;
|
551 | }
|
552 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
|
553 | border: 0;
|
554 | }
|
555 | [data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
|
556 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
557 | }
|
558 | .uppy-StatusBar-actionCircleBtn:hover {
|
559 | opacity: 1;
|
560 | }
|
561 | .uppy-StatusBar-actionCircleBtn:focus {
|
562 | border-radius: 50%;
|
563 | }
|
564 |
|
565 | .uppy-StatusBar-actionCircleBtn svg {
|
566 | vertical-align: bottom;
|
567 | }
|
568 |
|
569 | .uppy-StatusBar-actionBtn {
|
570 | display: inline-block;
|
571 | vertical-align: middle;
|
572 | font-size: 10px;
|
573 | line-height: inherit;
|
574 | color: #2275d7;
|
575 | }
|
576 | .uppy-size--md .uppy-StatusBar-actionBtn {
|
577 | font-size: 11px;
|
578 | }
|
579 |
|
580 | [dir="ltr"] .uppy-StatusBar-actionBtn--retry {
|
581 | margin-right: 6px;
|
582 | }
|
583 |
|
584 | [dir="rtl"] .uppy-StatusBar-actionBtn--retry {
|
585 | margin-left: 6px;
|
586 | }
|
587 |
|
588 | .uppy-StatusBar-actionBtn--retry {
|
589 | height: 16px;
|
590 | border-radius: 8px;
|
591 | -webkit-margin-end: 6px;
|
592 | background-color: #ff4b23;
|
593 | line-height: 1;
|
594 | color: #fff;
|
595 | padding: 1px 6px 3px 18px;
|
596 | position: relative;
|
597 | }
|
598 | .uppy-StatusBar-actionBtn--retry:focus {
|
599 | outline: none;
|
600 | }
|
601 | .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
|
602 | border: 0;
|
603 | }
|
604 | .uppy-StatusBar-actionBtn--retry:focus {
|
605 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
606 | }
|
607 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
|
608 | outline: none;
|
609 | }
|
610 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
|
611 | border: 0;
|
612 | }
|
613 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
|
614 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
615 | }
|
616 | .uppy-StatusBar-actionBtn--retry:hover {
|
617 | background-color: #f92d00;
|
618 | }
|
619 | [dir="ltr"] .uppy-StatusBar-actionBtn--retry svg {
|
620 | left: 6px;
|
621 | }
|
622 | [dir="rtl"] .uppy-StatusBar-actionBtn--retry svg {
|
623 | right: 6px;
|
624 | }
|
625 | .uppy-StatusBar-actionBtn--retry svg {
|
626 | position: absolute;
|
627 | top: 3px;
|
628 | }
|
629 |
|
630 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
631 | font-size: 14px;
|
632 | width: 100%;
|
633 | padding: 15px 10px;
|
634 | color: #fff;
|
635 | background-color: #1bb240;
|
636 | line-height: 1;
|
637 | }
|
638 | .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
|
639 | background-color: #189c38;
|
640 | }
|
641 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
642 | background-color: #1c8b37;
|
643 | }
|
644 | [data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
|
645 | background-color: #18762f;
|
646 | }
|
647 |
|
648 | .uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
|
649 | padding: 13px 22px;
|
650 | width: auto;
|
651 | }
|
652 |
|
653 | .uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
|
654 | background-color: transparent;
|
655 | color: #2275d7;
|
656 | }
|
657 |
|
658 | [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
659 | padding-right: 3px;
|
660 | }
|
661 |
|
662 | [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
663 | padding-left: 3px;
|
664 | }
|
665 |
|
666 | [dir="ltr"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
667 | padding-left: 3px;
|
668 | }
|
669 |
|
670 | [dir="rtl"] .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
671 | padding-right: 3px;
|
672 | }
|
673 |
|
674 | .uppy-StatusBar-actionBtn--uploadNewlyAdded {
|
675 | -webkit-padding-end: 3px;
|
676 | -webkit-padding-start: 3px;
|
677 | padding-bottom: 1px;
|
678 | border-radius: 3px;
|
679 | }
|
680 | .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
681 | outline: none;
|
682 | }
|
683 | .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
|
684 | border: 0;
|
685 | }
|
686 | .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
687 | box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5);
|
688 | }
|
689 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
690 | outline: none;
|
691 | }
|
692 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
|
693 | border: 0;
|
694 | }
|
695 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
|
696 | box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85);
|
697 | }
|
698 |
|
699 | .uppy-StatusBar-actionBtn--done {
|
700 | line-height: 1;
|
701 | border-radius: 3px;
|
702 | padding: 7px 8px;
|
703 | }
|
704 | .uppy-StatusBar-actionBtn--done:focus {
|
705 | outline: none;
|
706 | }
|
707 | .uppy-StatusBar-actionBtn--done::-moz-focus-inner {
|
708 | border: 0;
|
709 | }
|
710 | .uppy-StatusBar-actionBtn--done:hover {
|
711 | color: #1b5dab;
|
712 | }
|
713 | .uppy-StatusBar-actionBtn--done:focus {
|
714 | background-color: #eceef2;
|
715 | }
|
716 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus {
|
717 | background-color: #333;
|
718 | }
|
719 | [data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done {
|
720 | color: #02baf2;
|
721 | }
|
722 |
|
723 | .uppy-size--md .uppy-StatusBar-actionBtn--done {
|
724 | font-size: 14px;
|
725 | }
|
726 |
|
727 | [dir="ltr"] .uppy-StatusBar-details {
|
728 | left: 2px;
|
729 | }
|
730 |
|
731 | [dir="rtl"] .uppy-StatusBar-details {
|
732 | right: 2px;
|
733 | }
|
734 |
|
735 | .uppy-StatusBar-details {
|
736 | line-height: 12px;
|
737 | width: 13px;
|
738 | height: 13px;
|
739 | display: inline-block;
|
740 | vertical-align: middle;
|
741 | color: #fff;
|
742 | background-color: #939393;
|
743 | border-radius: 50%;
|
744 | position: relative;
|
745 | top: 0;
|
746 | font-size: 10px;
|
747 | font-weight: 600;
|
748 | text-align: center;
|
749 | cursor: help;
|
750 | }
|
751 |
|
752 | .uppy-StatusBar-details:after {
|
753 | line-height: 1.3;
|
754 | word-wrap: break-word;
|
755 | }
|
756 |
|
757 | [dir="ltr"] .uppy-StatusBar-spinner {
|
758 | margin-right: 10px;
|
759 | }
|
760 |
|
761 | [dir="rtl"] .uppy-StatusBar-spinner {
|
762 | margin-left: 10px;
|
763 | }
|
764 |
|
765 | .uppy-StatusBar-spinner {
|
766 | animation-name: uppy-StatusBar-spinnerAnimation;
|
767 | animation-duration: 1s;
|
768 | animation-iteration-count: infinite;
|
769 | animation-timing-function: linear;
|
770 | -webkit-margin-end: 10px;
|
771 | fill: #2275d7;
|
772 | }
|
773 |
|
774 | .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner,
|
775 | .uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner {
|
776 | fill: #f6a623;
|
777 | }
|
778 |
|
779 | @keyframes uppy-StatusBar-spinnerAnimation {
|
780 | 0% {
|
781 | transform: rotate(0deg);
|
782 | }
|
783 | 100% {
|
784 | transform: rotate(360deg);
|
785 | }
|
786 | } |
\ | No newline at end of file |