Better UI
[pixel-calc.git] / public_html / basic.css
1 /*
2 * The MIT License
3 * Copyright (c) 2012 Matias Meno <m@tias.me>
4 */
5 .dropzone, .dropzone * {
6 box-sizing: border-box; }
7
8 .dropzone {
9 position: relative; }
10 .dropzone .dz-preview {
11 position: relative;
12 display: inline-block;
13 width: 120px;
14 margin: 0.5em; }
15 .dropzone .dz-preview .dz-progress {
16 display: block;
17 height: 15px;
18 border: 1px solid #aaa; }
19 .dropzone .dz-preview .dz-progress .dz-upload {
20 display: block;
21 height: 100%;
22 width: 0;
23 background: green; }
24 .dropzone .dz-preview .dz-error-message {
25 color: red;
26 display: none; }
27 .dropzone .dz-preview.dz-error .dz-error-message, .dropzone .dz-preview.dz-error .dz-error-mark {
28 display: block; }
29 .dropzone .dz-preview.dz-success .dz-success-mark {
30 display: block; }
31 .dropzone .dz-preview .dz-error-mark, .dropzone .dz-preview .dz-success-mark {
32 position: absolute;
33 display: none;
34 left: 30px;
35 top: 30px;
36 width: 54px;
37 height: 58px;
38 left: 50%;
39 margin-left: -27px; }