blob: 689d69a6c9cc2d5be2c3cd53a6ae0b6ddba37cf4 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
|
/* (A) UPLOAD ZONE */
/* vim:set ts=2 sw=2 sts=2 et: */
/* from fuss.py */
:root {
--blue: #cfd5ff;
--radius: 5px;
--yellow: #f9fcbd;
--green: #bdfcbe;
--red: #ffcfd5;
--boxshadow1: inset 0px 0px 0px 8px;
--boxshadow2: 0px 0px 0px 8px;
}
#upzone {
width: 600px;
height: 50px;
background: var(--blue);
padding: 0px;
text-align: center;
display: table-cell;
vertical-align: middle;
/* border: 5px solid var(--blue); */
;
box-shadow: var(--boxshadow1) var(--blue),
var(--boxshadow2) var(--blue);
}
/* when hovering over it with a file */
#upzone.highlight {
background: var(--green);
box-shadow: var(--boxshadow1) var(--green),
var(--boxshadow2) var(--green);
}
/* when uploading files in the queue */
#upzone.processing {
background: var(--yellow);
box-shadow: var(--boxshadow1) var(--yellow),
var(--boxshadow2) var(--yellow);
}
#upzone.invalid {
background: var(--red);
box-shadow: var(--boxshadow1) var(--red),
var(--boxshadow2) var(--red);
}
#upzone.processing, #upzone.highlight, #upzone.invalid, #upzone {
/* nice transition effect when beginning to upload */
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
border: 3px solid rgba(0,0,0,0.1);
border-radius: var(--radius);
border-style: dashed;
}
/* (B) UPLOAD FORM */
#upform {
/* display anyway, even with upload zone visible */
display: block;
}
#upstat {
font-size: 70%;
}
/* this div will be set to display: block by javascript */
#hiddenfirst {
display: none;
}
|
