-
Notifications
You must be signed in to change notification settings - Fork 33
/
cropme.css
140 lines (140 loc) · 2.92 KB
/
cropme.css
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
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
/* line 19, styles/cropme.scss */
cropme {
display: block;
width: 100%;
-moz-user-select: -moz-none;
-ms-user-select: none;
-webkit-user-select: none;
user-select: none;
}
/* line 23, styles/cropme.scss */
cropme .step-1 {
font-family: helvetica, arial, sans-serif;
position: relative;
display: block;
background-color: #f0f0f0;
border: 4px dashed #ccc;
letter-spacing: 1px;
font-size: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* line 33, styles/cropme.scss */
cropme .cropme-file-input {
position: absolute;
top: 20%;
left: 50%;
width: 0;
}
/* line 39, styles/cropme.scss */
cropme input[type=file] {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
}
/* line 46, styles/cropme.scss */
cropme .cropme-button {
font-weight: bold;
cursor: pointer;
text-align: center;
color: #444;
height: 50px;
width: 250px;
margin-left: -125px;
line-height: 50px;
}
/* line 55, styles/cropme.scss */
cropme .cropme-button.deactivated {
opacity: 0.5;
pointer-events: none;
}
/* line 60, styles/cropme.scss */
cropme .cropme-button-decorated {
color: #fff;
background: #3ba5b3;
-moz-box-shadow: #ccc 2px 2px 1px 0, #328d99 0 0 2px 2px inset;
-webkit-box-shadow: #ccc 2px 2px 1px 0, #328d99 0 0 2px 2px inset;
box-shadow: #ccc 2px 2px 1px 0, #328d99 0 0 2px 2px inset;
}
/* line 64, styles/cropme.scss */
cropme .cropme-button-decorated:hover {
background: #3799a6;
color: #e6fafc;
}
/* line 69, styles/cropme.scss */
cropme .cropme-or {
pointer-events: none;
text-align: center;
color: #ccc;
margin-top: 25px;
width: 20px;
margin-left: -10px;
}
/* line 77, styles/cropme.scss */
cropme .cropme-label {
margin-top: 25px;
width: 150px;
margin-left: -75px;
pointer-events: none;
text-align: center;
color: #444;
}
/* line 85, styles/cropme.scss */
cropme .cropme-error {
margin-top: 10px;
text-align: center;
color: #da4b3e;
position: relative;
}
/* line 91, styles/cropme.scss */
cropme dropbox {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* line 98, styles/cropme.scss */
cropme dropbox.not-available {
background-color: #fff0f0;
}
/* line 101, styles/cropme.scss */
cropme dropbox.over {
background-color: #e5ffea;
}
/* line 104, styles/cropme.scss */
cropme dropbox.loading {
background-color: #aaffaa;
}
/* line 108, styles/cropme.scss */
cropme .overlay-tile {
position: absolute;
opacity: 0.5;
background-color: #000;
}
/* line 113, styles/cropme.scss */
cropme .overlay-border {
position: absolute;
border: 2px solid #328d99;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* line 118, styles/cropme.scss */
cropme .step-2 {
position: relative;
cursor: move;
overflow: hidden;
}
/* line 123, styles/cropme.scss */
cropme img {
float: left;
}
/* line 124, styles/cropme.scss */
cropme canvas {
display: none;
}