vendors~app.b2603a50868c68a1c192.css (4710B)
1 /*!
2 * Cropper.js v1.4.3
3 * https://fengyuanchen.github.io/cropperjs
4 *
5 * Copyright 2015-present Chen Fengyuan
6 * Released under the MIT license
7 *
8 * Date: 2018-10-24T13:07:11.429Z
9 */
10
11 .cropper-container {
12 direction: ltr;
13 font-size: 0;
14 line-height: 0;
15 position: relative;
16 -ms-touch-action: none;
17 touch-action: none;
18 -webkit-user-select: none;
19 -moz-user-select: none;
20 -ms-user-select: none;
21 user-select: none;
22 }
23
24 .cropper-container img {
25 display: block;
26 height: 100%;
27 image-orientation: 0deg;
28 max-height: none !important;
29 max-width: none !important;
30 min-height: 0 !important;
31 min-width: 0 !important;
32 width: 100%;
33 }
34
35 .cropper-wrap-box,
36 .cropper-canvas,
37 .cropper-drag-box,
38 .cropper-crop-box,
39 .cropper-modal {
40 bottom: 0;
41 left: 0;
42 position: absolute;
43 right: 0;
44 top: 0;
45 }
46
47 .cropper-wrap-box,
48 .cropper-canvas {
49 overflow: hidden;
50 }
51
52 .cropper-drag-box {
53 background-color: #fff;
54 opacity: 0;
55 }
56
57 .cropper-modal {
58 background-color: #000;
59 opacity: .5;
60 }
61
62 .cropper-view-box {
63 display: block;
64 height: 100%;
65 outline-color: rgba(51, 153, 255, 0.75);
66 outline: 1px solid #39f;
67 overflow: hidden;
68 width: 100%;
69 }
70
71 .cropper-dashed {
72 border: 0 dashed #eee;
73 display: block;
74 opacity: .5;
75 position: absolute;
76 }
77
78 .cropper-dashed.dashed-h {
79 border-bottom-width: 1px;
80 border-top-width: 1px;
81 height: calc(100% / 3);
82 left: 0;
83 top: calc(100% / 3);
84 width: 100%;
85 }
86
87 .cropper-dashed.dashed-v {
88 border-left-width: 1px;
89 border-right-width: 1px;
90 height: 100%;
91 left: calc(100% / 3);
92 top: 0;
93 width: calc(100% / 3);
94 }
95
96 .cropper-center {
97 display: block;
98 height: 0;
99 left: 50%;
100 opacity: .75;
101 position: absolute;
102 top: 50%;
103 width: 0;
104 }
105
106 .cropper-center:before,
107 .cropper-center:after {
108 background-color: #eee;
109 content: ' ';
110 display: block;
111 position: absolute;
112 }
113
114 .cropper-center:before {
115 height: 1px;
116 left: -3px;
117 top: 0;
118 width: 7px;
119 }
120
121 .cropper-center:after {
122 height: 7px;
123 left: 0;
124 top: -3px;
125 width: 1px;
126 }
127
128 .cropper-face,
129 .cropper-line,
130 .cropper-point {
131 display: block;
132 height: 100%;
133 opacity: .1;
134 position: absolute;
135 width: 100%;
136 }
137
138 .cropper-face {
139 background-color: #fff;
140 left: 0;
141 top: 0;
142 }
143
144 .cropper-line {
145 background-color: #39f;
146 }
147
148 .cropper-line.line-e {
149 cursor: ew-resize;
150 right: -3px;
151 top: 0;
152 width: 5px;
153 }
154
155 .cropper-line.line-n {
156 cursor: ns-resize;
157 height: 5px;
158 left: 0;
159 top: -3px;
160 }
161
162 .cropper-line.line-w {
163 cursor: ew-resize;
164 left: -3px;
165 top: 0;
166 width: 5px;
167 }
168
169 .cropper-line.line-s {
170 bottom: -3px;
171 cursor: ns-resize;
172 height: 5px;
173 left: 0;
174 }
175
176 .cropper-point {
177 background-color: #39f;
178 height: 5px;
179 opacity: .75;
180 width: 5px;
181 }
182
183 .cropper-point.point-e {
184 cursor: ew-resize;
185 margin-top: -3px;
186 right: -3px;
187 top: 50%;
188 }
189
190 .cropper-point.point-n {
191 cursor: ns-resize;
192 left: 50%;
193 margin-left: -3px;
194 top: -3px;
195 }
196
197 .cropper-point.point-w {
198 cursor: ew-resize;
199 left: -3px;
200 margin-top: -3px;
201 top: 50%;
202 }
203
204 .cropper-point.point-s {
205 bottom: -3px;
206 cursor: s-resize;
207 left: 50%;
208 margin-left: -3px;
209 }
210
211 .cropper-point.point-ne {
212 cursor: nesw-resize;
213 right: -3px;
214 top: -3px;
215 }
216
217 .cropper-point.point-nw {
218 cursor: nwse-resize;
219 left: -3px;
220 top: -3px;
221 }
222
223 .cropper-point.point-sw {
224 bottom: -3px;
225 cursor: nesw-resize;
226 left: -3px;
227 }
228
229 .cropper-point.point-se {
230 bottom: -3px;
231 cursor: nwse-resize;
232 height: 20px;
233 opacity: 1;
234 right: -3px;
235 width: 20px;
236 }
237
238 @media (min-width: 768px) {
239 .cropper-point.point-se {
240 height: 15px;
241 width: 15px;
242 }
243 }
244
245 @media (min-width: 992px) {
246 .cropper-point.point-se {
247 height: 10px;
248 width: 10px;
249 }
250 }
251
252 @media (min-width: 1200px) {
253 .cropper-point.point-se {
254 height: 5px;
255 opacity: .75;
256 width: 5px;
257 }
258 }
259
260 .cropper-point.point-se:before {
261 background-color: #39f;
262 bottom: -50%;
263 content: ' ';
264 display: block;
265 height: 200%;
266 opacity: 0;
267 position: absolute;
268 right: -50%;
269 width: 200%;
270 }
271
272 .cropper-invisible {
273 opacity: 0;
274 }
275
276 .cropper-bg {
277 background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC');
278 }
279
280 .cropper-hide {
281 display: block;
282 height: 0;
283 position: absolute;
284 width: 0;
285 }
286
287 .cropper-hidden {
288 display: none !important;
289 }
290
291 .cropper-move {
292 cursor: move;
293 }
294
295 .cropper-crop {
296 cursor: crosshair;
297 }
298
299 .cropper-disabled .cropper-drag-box,
300 .cropper-disabled .cropper-face,
301 .cropper-disabled .cropper-line,
302 .cropper-disabled .cropper-point {
303 cursor: not-allowed;
304 }
305
306
307 /*# sourceMappingURL=vendors~app.b2603a50868c68a1c192.css.map*/