e36a93df36b579a266c7ebee37dd005b5b446fa5
[redakcja.git] / apps / fileupload / static / fileupload / css / jquery.fileupload-ui.css
1 @charset 'UTF-8';
2 /*
3  * jQuery File Upload UI Plugin CSS 6.3
4  * https://github.com/blueimp/jQuery-File-Upload
5  *
6  * Copyright 2010, Sebastian Tschan
7  * https://blueimp.net
8  *
9  * Licensed under the MIT license:
10  * http://www.opensource.org/licenses/MIT
11  */
12
13 .fileinput-button {
14   position: relative;
15   overflow: hidden;
16   float: left;
17   margin-right: 4px;
18 }
19 .fileinput-button input {
20   position: absolute;
21   top: 0;
22   right: 0;
23   margin: 0;
24   border: solid transparent;
25   border-width: 0 0 100px 200px;
26   opacity: 0;
27   filter: alpha(opacity=0);
28   -moz-transform: translate(-300px, 0) scale(4);
29   direction: ltr;
30   cursor: pointer;
31 }
32 .fileupload-buttonbar .btn,
33 .fileupload-buttonbar .toggle {
34   margin-bottom: 5px;
35 }
36 .files .progress {
37   width: 200px;
38 }
39 .progress-animated .bar {
40   background: url(../img/progressbar.gif) !important;
41   filter: none;
42 }
43 .fileupload-loading {
44   position: absolute;
45   left: 50%;
46   width: 128px;
47   height: 128px;
48   background: url(../img/loading.gif) center no-repeat;
49   display: none;
50 }
51 .fileupload-processing .fileupload-loading {
52   display: block;
53 }
54
55 /* Fix for IE 6: */
56 *html .fileinput-button {
57   line-height: 22px;
58   margin: 1px -3px 0 0;
59 }
60
61 /* Fix for IE 7: */
62 *+html .fileinput-button {
63   margin: 1px 0 0 0;
64 }
65
66 @media (max-width: 480px) {
67   .files .btn span {
68     display: none;
69   }
70   .files .preview * {
71     width: 40px;
72   }
73   .files .name * {
74     width: 80px;
75     display: inline-block;
76     word-wrap: break-word;
77   }
78   .files .progress {
79     width: 20px;
80   }
81   .files .delete {
82     width: 60px;
83   }
84 }