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