Mercurial > hg > orthanc
comparison PalantirExplorer/libs/jquery-file-upload/css/jquery.fileupload-ui.css @ 0:3959d33612cc
initial commit
author | Sebastien Jodogne <s.jodogne@gmail.com> |
---|---|
date | Thu, 19 Jul 2012 14:32:22 +0200 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
-1:000000000000 | 0:3959d33612cc |
---|---|
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 } |