scratch – Diff between revs 74 and 76
?pathlinks?
Rev 74 | Rev 76 | |||
---|---|---|---|---|
1 | .fileupload-process { |
1 | .fileupload-process { |
|
- | 2 | background: rgba(245, 245, 245, 1); border: 0px solid rgba(255, 255, 255, 1); border-radius: 4px; height: 20px; |
||
- | 3 | } |
||
- | 4 | |
||
- | 5 | .progress-bar-custom { |
||
2 | background: #f5f5f5; |
6 | background: #ff99ff; |
|
3 | } |
7 | } |
|
4 | |
8 | |
|
5 | #previews { |
9 | #previews { |
|
6 | display: table; |
10 | display: table; |
|
7 | } |
11 | } |
|
8 | #previews .file-row { |
12 | #previews .file-row { |
|
9 | display: table-row; |
13 | display: table-row; |
|
10 | } |
14 | } |
|
11 | #previews .file-row > div { |
15 | #previews .file-row > div { |
|
12 | display: table-cell; |
16 | display: table-cell; |
|
13 | vertical-align: top; |
17 | vertical-align: top; |
|
14 | border-top: 1px solid #ddd; |
18 | border-top: 1px solid #ddd; |
|
15 | padding: 1em; |
19 | padding: 1em; |
|
16 | background: #f9f9f9; |
20 | background: #f9f9f9; |
|
17 | } |
21 | } |
|
18 | #previews .file-row:nth-child(odd) { |
22 | #previews .file-row:nth-child(odd) { |
|
19 | background: #f9f9f9; |
23 | background: #f9f9f9; |
|
20 | /* border-top: 1em solid #ddd; */ |
24 | /* border-top: 1em solid #ddd; */ |
|
21 | } |
25 | } |
|
22 | |
26 | |
|
23 | #uploadpanel { |
27 | #uploadpanel { |
|
24 | min-height: 320px; |
28 | min-height: 320px; |
|
25 | border: 2px dashed #F78700; |
29 | border: 2px dashed #F78700; |
|
26 | border-radius: 5px; |
30 | border-radius: 5px; |
|
27 | box-sizing: border-box; |
31 | box-sizing: border-box; |
|
28 | /* outline-offset: -24px; */ |
32 | /* outline-offset: -24px; */ |
|
29 | background-image: url("../../img/blueprint.png"); |
33 | background-image: url("../../img/blueprint.png"); |
|
30 | background-repeat: repeat; |
34 | background-repeat: repeat; |
|
31 | } |
35 | } |
|
32 | |
36 | |
|
33 | #total-progress { |
37 | #total-progress { |
|
34 | opacity: 0; |
38 | opacity: 0; |
|
35 | transition: opacity 0.3s linear; |
39 | transition: opacity 0.3s linear; |
|
36 | background: #f5f5f5; |
40 | background: #f5f5f5; |
|
37 | padding: 0; |
41 | padding: 0; |
|
38 | margin: 0; |
42 | margin: 0; |
|
39 | } |
43 | } |
|
40 | |
44 | |
|
41 | /* Hide the progress bar when finished */ |
45 | /* Hide the progress bar when finished */ |
|
42 | #previews .file-row.dz-success .progress { |
46 | #previews .file-row.dz-success .progress { |
|
43 | opacity: 0; |
47 | opacity: 0; |
|
44 | transition: opacity 0.3s linear; |
48 | transition: opacity 0.3s linear; |
|
45 | } |
49 | } |
|
46 | |
50 | |
|
47 | /* Hide the delete button initially */ |
51 | /* Hide the delete button initially */ |
|
48 | #previews .file-row .remove { |
52 | #previews .file-row .remove { |
|
49 | display: none; |
53 | display: none; |
|
50 | } |
54 | } |
|
51 | |
55 | |
|
52 | /* Hide the start and cancel buttons and show the delete button */ |
56 | /* Hide the start and cancel buttons and show the delete button */ |
|
53 | #previews .file-row.dz-success .start, |
57 | #previews .file-row.dz-success .start, |
|
54 | #previews .file-row.dz-success .cancel { |
58 | #previews .file-row.dz-success .cancel { |
|
55 | opacity: 0.3; |
59 | opacity: 0.3; |
|
56 | } |
60 | } |
|
57 | #previews .file-row.dz-success .remove { |
61 | #previews .file-row.dz-success .remove { |
|
58 | display: block; |
62 | display: block; |
|
59 | } |
63 | } |
|
60 | |
64 | |
|
61 |
|
65 |
|
|
62 | |
66 | |
|
63 | |
67 | |
|
64 | |
68 | |