dropzone 1.0.2

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,377 @@
1
+ /* The MIT License */
2
+ .dropzone,
3
+ .dropzone *,
4
+ .dropzone-previews,
5
+ .dropzone-previews * {
6
+ -webkit-box-sizing: border-box;
7
+ -moz-box-sizing: border-box;
8
+ box-sizing: border-box;
9
+ }
10
+ .dropzone {
11
+ box-shadow: 0px 0px 12px #CCC inset;
12
+ border: 4px solid #F5F5F5;
13
+ min-height: 215px;
14
+ position: relative;
15
+ background: image-url("dropzone-pattern.png") repeat top left;
16
+ padding: 4px 4px 19px 4px;
17
+ margin: 0px auto;
18
+ }
19
+ .dropzone.dz-clickable {
20
+ cursor: pointer;
21
+ }
22
+ .dropzone.dz-clickable .dz-message,
23
+ .dropzone.dz-clickable .dz-message span {
24
+ cursor: pointer;
25
+ }
26
+ .dropzone.dz-clickable * {
27
+ cursor: default;
28
+ }
29
+ .dropzone .dz-message {
30
+ opacity: 1;
31
+ -ms-filter: none;
32
+ filter: none;
33
+ }
34
+ .dropzone.dz-drag-hover {
35
+ border-color: rgba(0,0,0,0.15);
36
+ background: rgba(0,0,0,0.04);
37
+ }
38
+ .dropzone.dz-started .dz-message {
39
+ display: none;
40
+ }
41
+ .dropzone .dz-preview,
42
+ .dropzone-previews .dz-preview {
43
+ background: rgba(255,255,255,0.8);
44
+ position: relative;
45
+ display: inline-block;
46
+ margin: 15px 0px 0px 15px;
47
+ vertical-align: top;
48
+ border: 1px solid #acacac;
49
+ padding: 6px 6px 6px 6px;
50
+ }
51
+ .dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
52
+ .dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
53
+ display: none;
54
+ }
55
+ .dropzone .dz-preview .dz-details,
56
+ .dropzone-previews .dz-preview .dz-details {
57
+ width: 100px;
58
+ height: 100px;
59
+ position: relative;
60
+ background: #ebebeb;
61
+ padding: 5px;
62
+ margin-bottom: 22px;
63
+ }
64
+ .dropzone .dz-preview .dz-details .dz-filename,
65
+ .dropzone-previews .dz-preview .dz-details .dz-filename {
66
+ overflow: hidden;
67
+ height: 100%;
68
+ }
69
+ .dropzone .dz-preview .dz-details img,
70
+ .dropzone-previews .dz-preview .dz-details img {
71
+ position: absolute;
72
+ top: 0;
73
+ left: 0;
74
+ width: 100px;
75
+ height: 100px;
76
+ }
77
+ .dropzone .dz-preview .dz-details .dz-size,
78
+ .dropzone-previews .dz-preview .dz-details .dz-size {
79
+ position: absolute;
80
+ bottom: -28px;
81
+ left: 3px;
82
+ height: 28px;
83
+ line-height: 28px;
84
+ }
85
+ .dropzone .dz-preview.dz-error .dz-error-mark,
86
+ .dropzone-previews .dz-preview.dz-error .dz-error-mark {
87
+ display: block;
88
+ }
89
+ .dropzone .dz-preview.dz-success .dz-success-mark,
90
+ .dropzone-previews .dz-preview.dz-success .dz-success-mark {
91
+ display: block;
92
+ }
93
+ .dropzone .dz-preview:hover .dz-details img,
94
+ .dropzone-previews .dz-preview:hover .dz-details img {
95
+ display: none;
96
+ }
97
+ .dropzone .dz-preview .dz-success-mark,
98
+ .dropzone-previews .dz-preview .dz-success-mark,
99
+ .dropzone .dz-preview .dz-error-mark,
100
+ .dropzone-previews .dz-preview .dz-error-mark {
101
+ display: none;
102
+ position: absolute;
103
+ width: 40px;
104
+ height: 40px;
105
+ font-size: 30px;
106
+ text-align: center;
107
+ right: -10px;
108
+ top: -10px;
109
+ }
110
+ .dropzone .dz-preview .dz-success-mark,
111
+ .dropzone-previews .dz-preview .dz-success-mark {
112
+ color: #8cc657;
113
+ }
114
+ .dropzone .dz-preview .dz-error-mark,
115
+ .dropzone-previews .dz-preview .dz-error-mark {
116
+ color: #ee162d;
117
+ }
118
+ .dropzone .dz-preview .dz-progress,
119
+ .dropzone-previews .dz-preview .dz-progress {
120
+ position: absolute;
121
+ top: 100px;
122
+ left: 6px;
123
+ right: 6px;
124
+ height: 6px;
125
+ background: #d7d7d7;
126
+ display: none;
127
+ }
128
+ .dropzone .dz-preview .dz-progress .dz-upload,
129
+ .dropzone-previews .dz-preview .dz-progress .dz-upload {
130
+ position: absolute;
131
+ top: 0;
132
+ bottom: 0;
133
+ left: 0;
134
+ width: 0%;
135
+ background-color: #8cc657;
136
+ }
137
+ .dropzone .dz-preview.dz-processing .dz-progress,
138
+ .dropzone-previews .dz-preview.dz-processing .dz-progress {
139
+ display: block;
140
+ }
141
+ .dropzone .dz-preview .dz-error-message,
142
+ .dropzone-previews .dz-preview .dz-error-message {
143
+ display: none;
144
+ position: absolute;
145
+ font-size: 12px;
146
+ line-height: 15px;
147
+ padding: 3px;
148
+ margin: 0px;
149
+ border-bottom: 1px solid #CCC;
150
+ top: 0px;
151
+ left: 0px;
152
+ background: rgba(253, 253, 253, 0.8);
153
+ padding: 8px 10px;
154
+ color: #800;
155
+ z-index: 500;
156
+ }
157
+ .dropzone .dz-preview:hover.dz-error .dz-error-message,
158
+ .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
159
+ display: block;
160
+ }
161
+ .dropzone .dz-default.dz-message span {
162
+ display: none;
163
+ }
164
+ .dropzone.dz-square .dz-default.dz-message {
165
+ background-position: 0 -123px;
166
+ width: 268px;
167
+ margin-left: -134px;
168
+ height: 174px;
169
+ margin-top: -87px;
170
+ }
171
+ .dropzone.dz-drag-hover .dz-message {
172
+ opacity: 0.15;
173
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
174
+ filter: alpha(opacity=15);
175
+ }
176
+ .dropzone.dz-started .dz-message {
177
+ display: none;
178
+ }
179
+ .dropzone .dz-preview,
180
+ .dropzone-previews .dz-preview {
181
+ -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
182
+ box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
183
+ font-size: 14px;
184
+ }
185
+ .dropzone .dz-preview.dz-image-preview:hover .dz-details img,
186
+ .dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
187
+ display: block;
188
+ opacity: 0.1;
189
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
190
+ filter: alpha(opacity=10);
191
+ }
192
+ .dropzone .dz-preview.dz-success .dz-success-mark,
193
+ .dropzone-previews .dz-preview.dz-success .dz-success-mark {
194
+ opacity: 1;
195
+ -ms-filter: none;
196
+ filter: none;
197
+ }
198
+ .dropzone .dz-preview.dz-error .dz-error-mark,
199
+ .dropzone-previews .dz-preview.dz-error .dz-error-mark {
200
+ opacity: 1;
201
+ -ms-filter: none;
202
+ filter: none;
203
+ }
204
+ .dropzone .dz-preview.dz-error .dz-progress .dz-upload,
205
+ .dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
206
+ background: #ee1e2d;
207
+ }
208
+ .dropzone .dz-preview .dz-error-mark,
209
+ .dropzone-previews .dz-preview .dz-error-mark,
210
+ .dropzone .dz-preview .dz-success-mark,
211
+ .dropzone-previews .dz-preview .dz-success-mark {
212
+ display: block;
213
+ opacity: 0;
214
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
215
+ filter: alpha(opacity=0);
216
+ -webkit-transition: opacity 0.4s ease-in-out;
217
+ -moz-transition: opacity 0.4s ease-in-out;
218
+ -o-transition: opacity 0.4s ease-in-out;
219
+ -ms-transition: opacity 0.4s ease-in-out;
220
+ transition: opacity 0.4s ease-in-out;
221
+ background-image: image-url("dropzone-spritemap.png");
222
+ background-repeat: no-repeat;
223
+ }
224
+ @media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
225
+ .dropzone .dz-preview .dz-error-mark,
226
+ .dropzone-previews .dz-preview .dz-error-mark,
227
+ .dropzone .dz-preview .dz-success-mark,
228
+ .dropzone-previews .dz-preview .dz-success-mark {
229
+ background-image: image-url("dropzone-spritemap@2x.png");
230
+ -webkit-background-size: 428px 406px;
231
+ -moz-background-size: 428px 406px;
232
+ background-size: 428px 406px;
233
+ }
234
+ }
235
+ .dropzone .dz-preview .dz-error-mark span,
236
+ .dropzone-previews .dz-preview .dz-error-mark span,
237
+ .dropzone .dz-preview .dz-success-mark span,
238
+ .dropzone-previews .dz-preview .dz-success-mark span {
239
+ display: none;
240
+ }
241
+ .dropzone .dz-preview .dz-error-mark,
242
+ .dropzone-previews .dz-preview .dz-error-mark {
243
+ background-position: -268px -123px;
244
+ }
245
+ .dropzone .dz-preview .dz-success-mark,
246
+ .dropzone-previews .dz-preview .dz-success-mark {
247
+ background-position: -268px -163px;
248
+ }
249
+ .dropzone .dz-preview .dz-progress .dz-upload,
250
+ .dropzone-previews .dz-preview .dz-progress .dz-upload {
251
+ -webkit-animation: loading 0.4s linear infinite;
252
+ -moz-animation: loading 0.4s linear infinite;
253
+ -o-animation: loading 0.4s linear infinite;
254
+ -ms-animation: loading 0.4s linear infinite;
255
+ animation: loading 0.4s linear infinite;
256
+ -webkit-transition: width 0.3s ease-in-out;
257
+ -moz-transition: width 0.3s ease-in-out;
258
+ -o-transition: width 0.3s ease-in-out;
259
+ -ms-transition: width 0.3s ease-in-out;
260
+ transition: width 0.3s ease-in-out;
261
+ -webkit-border-radius: 2px;
262
+ border-radius: 2px;
263
+ position: absolute;
264
+ top: 0;
265
+ left: 0;
266
+ width: 0%;
267
+ height: 100%;
268
+ background-image: image-url("dropzone-spritemap.png");
269
+ background-repeat: repeat-x;
270
+ background-position: 0px -400px;
271
+ }
272
+ @media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
273
+ .dropzone .dz-preview .dz-progress .dz-upload,
274
+ .dropzone-previews .dz-preview .dz-progress .dz-upload {
275
+ background-image: image-url("dropzone-spritemap@2x.png");
276
+ -webkit-background-size: 428px 406px;
277
+ -moz-background-size: 428px 406px;
278
+ background-size: 428px 406px;
279
+ }
280
+ }
281
+ .dropzone .dz-preview.dz-success .dz-progress,
282
+ .dropzone-previews .dz-preview.dz-success .dz-progress {
283
+ display: block;
284
+ opacity: 0;
285
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
286
+ filter: alpha(opacity=0);
287
+ -webkit-transition: opacity 0.4s ease-in-out;
288
+ -moz-transition: opacity 0.4s ease-in-out;
289
+ -o-transition: opacity 0.4s ease-in-out;
290
+ -ms-transition: opacity 0.4s ease-in-out;
291
+ transition: opacity 0.4s ease-in-out;
292
+ }
293
+ .dropzone .dz-preview .dz-error-message,
294
+ .dropzone-previews .dz-preview .dz-error-message {
295
+ display: block;
296
+ opacity: 0;
297
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
298
+ filter: alpha(opacity=0);
299
+ -webkit-transition: opacity 0.3s ease-in-out;
300
+ -moz-transition: opacity 0.3s ease-in-out;
301
+ -o-transition: opacity 0.3s ease-in-out;
302
+ -ms-transition: opacity 0.3s ease-in-out;
303
+ transition: opacity 0.3s ease-in-out;
304
+ }
305
+ .dropzone .dz-preview:hover.dz-error .dz-error-message,
306
+ .dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
307
+ opacity: 1;
308
+ -ms-filter: none;
309
+ filter: none;
310
+ }
311
+ .dropzone a.dz-remove,
312
+ .dropzone-previews a.dz-remove {
313
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
314
+ background-image: -webkit-linear-gradient(top, #fafafa 0, #eee 100%);
315
+ background-image: -moz-linear-gradient(top, #fafafa 0, #eee 100%);
316
+ background-image: -o-linear-gradient(top, #fafafa 0, #eee 100%);
317
+ background-image: -ms-linear-gradient(top, #fafafa 0, #eee 100%);
318
+ background-image: linear-gradient(top, #fafafa 0, #eee 100%);
319
+ -webkit-border-radius: 2px;
320
+ border-radius: 2px;
321
+ border: 1px solid #eee;
322
+ text-decoration: none;
323
+ display: block;
324
+ padding: 4px 5px;
325
+ text-align: center;
326
+ color: #aaa;
327
+ margin-top: 26px;
328
+ }
329
+ .dropzone a.dz-remove:hover,
330
+ .dropzone-previews a.dz-remove:hover {
331
+ color: #666;
332
+ }
333
+ @-moz-keyframes loading {
334
+ 0% {
335
+ background-position: 0 -400px;
336
+ }
337
+
338
+ 100% {
339
+ background-position: -7px -400px;
340
+ }
341
+ }
342
+ @-webkit-keyframes loading {
343
+ 0% {
344
+ background-position: 0 -400px;
345
+ }
346
+
347
+ 100% {
348
+ background-position: -7px -400px;
349
+ }
350
+ }
351
+ @-o-keyframes loading {
352
+ 0% {
353
+ background-position: 0 -400px;
354
+ }
355
+
356
+ 100% {
357
+ background-position: -7px -400px;
358
+ }
359
+ }
360
+ @-ms-keyframes loading {
361
+ 0% {
362
+ background-position: 0 -400px;
363
+ }
364
+
365
+ 100% {
366
+ background-position: -7px -400px;
367
+ }
368
+ }
369
+ @keyframes loading {
370
+ 0% {
371
+ background-position: 0 -400px;
372
+ }
373
+
374
+ 100% {
375
+ background-position: -7px -400px;
376
+ }
377
+ }
metadata ADDED
@@ -0,0 +1,86 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: dropzone
3
+ version: !ruby/object:Gem::Version
4
+ version: 1.0.2
5
+ platform: ruby
6
+ authors:
7
+ - Tobias Strebitzer
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2013-11-19 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - ~>
18
+ - !ruby/object:Gem::Version
19
+ version: '1.3'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - ~>
25
+ - !ruby/object:Gem::Version
26
+ version: '1.3'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - '>='
32
+ - !ruby/object:Gem::Version
33
+ version: '0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - '>='
39
+ - !ruby/object:Gem::Version
40
+ version: '0'
41
+ description: dropzone.js Gem for Ruby on Rails 4
42
+ email:
43
+ - tobias.strebitzer@gmail.com
44
+ executables: []
45
+ extensions: []
46
+ extra_rdoc_files: []
47
+ files:
48
+ - lib/dropzone/action_view/helpers.rb
49
+ - lib/dropzone/railtie.rb
50
+ - lib/dropzone.rb
51
+ - app/controllers/dropzone/profiles_controller.rb
52
+ - app/views/dropzone/index.html.erb
53
+ - vendor/assets/images/dropzone-pattern.png
54
+ - vendor/assets/images/dropzone-spritemap.png
55
+ - vendor/assets/images/dropzone-spritemap@2x.png
56
+ - vendor/assets/javascripts/dropzone-rails.handler.js
57
+ - vendor/assets/javascripts/dropzone-rails.manager.js
58
+ - vendor/assets/javascripts/dropzone.js
59
+ - vendor/assets/javascripts/dropzone.lib.js
60
+ - vendor/assets/stylesheets/dropzone.scss
61
+ - init.rb
62
+ homepage: https://github.com/tobiasstrebitzer/dropzone-rails4
63
+ licenses:
64
+ - MIT
65
+ metadata: {}
66
+ post_install_message:
67
+ rdoc_options: []
68
+ require_paths:
69
+ - lib
70
+ required_ruby_version: !ruby/object:Gem::Requirement
71
+ requirements:
72
+ - - '>='
73
+ - !ruby/object:Gem::Version
74
+ version: '0'
75
+ required_rubygems_version: !ruby/object:Gem::Requirement
76
+ requirements:
77
+ - - '>='
78
+ - !ruby/object:Gem::Version
79
+ version: '0'
80
+ requirements: []
81
+ rubyforge_project:
82
+ rubygems_version: 2.1.11
83
+ signing_key:
84
+ specification_version: 4
85
+ summary: dropzone.js Rails 4
86
+ test_files: []