scratch – Diff between revs 130 and 135
?pathlinks?
| Rev 130 | Rev 135 | |||
|---|---|---|---|---|
| 1 | .fileupload-process { |
1 | .fileupload-process { |
|
| 2 | background: whitesmoke; |
2 | background: whitesmoke; |
|
| 3 | border: 0px solid white; |
3 | border: 0px solid white; |
|
| 4 | border-radius: 4px; |
4 | border-radius: 4px; |
|
| 5 | height: 20px; |
5 | height: 20px; |
|
| 6 | } |
6 | } |
|
| - | 7 | |
||
| - | 8 | .upload-details-column { |
||
| - | 9 | width: 50% !important; |
||
| - | 10 | } |
||
| 7 | |
11 | |
|
| 8 | .progress-bar-custom { |
12 | .progress-bar-custom { |
|
| 9 | background: #ff99ff; |
13 | background: #ff99ff; |
|
| 10 | } |
14 | } |
|
| 11 | |
15 | |
|
| 12 | #previews { |
16 | #previews { |
|
| 13 | display: table; |
17 | display: table; |
|
| 14 | |
18 | |
|
| 15 | .file-row { |
19 | .file-row { |
|
| 16 | display: table-row; |
20 | display: table-row; |
|
| 17 | |
21 | |
|
| 18 | > div { |
22 | > div { |
|
| 19 | display: table-cell; |
23 | display: table-cell; |
|
| 20 | vertical-align: top; |
24 | vertical-align: top; |
|
| 21 | border-top: 1px solid #ddd; |
25 | border-top: 1px solid #ddd; |
|
| 22 | padding: 1em; |
26 | padding: 1em; |
|
| 23 | background: #f9f9f9; |
27 | background: #f9f9f9; |
|
| 24 | } |
28 | } |
|
| 25 | |
29 | |
|
| 26 | &:nth-child(odd) { |
30 | &:nth-child(odd) { |
|
| 27 | background: #f9f9f9; |
31 | background: #f9f9f9; |
|
| 28 | |
32 | |
|
| 29 | /* border-top: 1em solid #ddd; */ |
33 | /* border-top: 1em solid #ddd; */ |
|
| 30 | } |
34 | } |
|
| 31 | } |
35 | } |
|
| 32 | } |
36 | } |
|
| 33 | |
37 | |
|
| 34 | #uploadpanel { |
38 | #uploadpanel { |
|
| 35 | min-height: 320px; |
39 | min-height: 320px; |
|
| 36 | border: 2px dashed #F78700; |
40 | border: 2px dashed #F78700; |
|
| 37 | border-radius: 5px; |
41 | border-radius: 5px; |
|
| 38 | box-sizing: border-box; |
42 | box-sizing: border-box; |
|
| 39 | |
43 | |
|
| 40 | /* outline-offset: -24px; */ |
44 | /* outline-offset: -24px; */ |
|
| 41 | background-image: url("../../img/blueprint.png"); |
45 | background-image: url("../../img/blueprint.png"); |
|
| 42 | background-repeat: repeat; |
46 | background-repeat: repeat; |
|
| 43 | } |
47 | } |
|
| 44 | |
48 | |
|
| 45 | #total-progress { |
49 | #total-progress { |
|
| 46 | opacity: 0; |
50 | opacity: 0; |
|
| 47 | transition: opacity 0.3s linear; |
51 | transition: opacity 0.3s linear; |
|
| 48 | background: #f5f5f5; |
52 | background: #f5f5f5; |
|
| 49 | padding: 0; |
53 | padding: 0; |
|
| 50 | margin: 0; |
54 | margin: 0; |
|
| 51 | } |
55 | } |
|
| 52 | |
56 | |
|
| 53 | /* Hide the progress bar when finished */ |
57 | /* Hide the progress bar when finished */ |
|
| 54 | |
58 | |
|
| 55 | #previews .file-row { |
59 | #previews .file-row { |
|
| 56 | &.dz-success .progress { |
60 | &.dz-success .progress { |
|
| 57 | opacity: 0; |
61 | opacity: 0; |
|
| 58 | transition: opacity 0.3s linear; |
62 | transition: opacity 0.3s linear; |
|
| 59 | } |
63 | } |
|
| 60 | |
64 | |
|
| 61 | .remove { |
65 | .remove { |
|
| 62 | display: none; |
66 | display: none; |
|
| 63 | } |
67 | } |
|
| 64 | |
68 | |
|
| 65 | &.dz-success { |
69 | &.dz-success { |
|
| 66 | .start, .cancel { |
70 | .start, .cancel { |
|
| 67 | opacity: 0.3; |
71 | opacity: 0.3; |
|
| 68 | } |
72 | } |
|
| 69 | |
73 | |
|
| 70 | .remove { |
74 | .remove { |
|
| 71 | display: block; |
75 | display: block; |
|
| 72 | } |
76 | } |
|
| 73 | } |
77 | } |
|
| 74 | } |
78 | } |
|
| 75 | |
79 | |
|
| 76 | .bootstrap-tagsinput { |
80 | .bootstrap-tagsinput { |
|
| 77 | width: 100% !important; |
81 | width: 100% !important; |
|
| 78 | } |
82 | } |
|
| 79 | |
83 | |
|
| 80 | .input-group { |
84 | .input-group { |
|
| 81 | width: 100% !important; |
85 | width: 100% !important; |
|
| 82 | } |
86 | } |
|
| 83 | |
87 | |
|
| 84 | .upload-filename { |
88 | .upload-filename { |
|
| 85 | width: 250px; |
89 | width: 250px; |
|
| 86 | white-space: nowrap; |
90 | white-space: nowrap; |
|
| 87 | overflow: hidden; |
91 | overflow: hidden; |
|
| 88 | text-overflow: ellipsis; |
92 | text-overflow: ellipsis; |
|
| 89 | } |
93 | } |
|
| 90 | |
94 | |
|
| 91 | /*# sourceMappingURL=style.css.map */ |
95 | /*# sourceMappingURL=style.css.map */ |
|
| 92 | |
96 | |
|