root / src / gr / grnet / pithos / web / public / plupload / js / jquery.plupload.queue / css / jquery.plupload.queue.css @ 0c73a8ff
History | View | Annotate | Download (3.9 kB)
1 |
/*
|
---|---|
2 |
Plupload
|
3 |
------------------------------------------------------------------- */
|
4 |
|
5 |
.plupload_button {
|
6 |
display: -moz-inline-box; /* FF < 3*/ |
7 |
display: inline-block; |
8 |
font: normal 12px sans-serif; |
9 |
text-decoration: none; |
10 |
color: #42454a; |
11 |
border: 1px solid #bababa; |
12 |
padding: 2px 8px 3px 20px; |
13 |
margin-right: 4px; |
14 |
background: #f3f3f3 url('../img/buttons.png') no-repeat 0 center; |
15 |
outline: 0; |
16 |
|
17 |
/* Optional rounded corners for browsers that support it */
|
18 |
-moz-border-radius: 3px; |
19 |
-khtml-border-radius: 3px; |
20 |
-webkit-border-radius: 3px; |
21 |
border-radius: 3px; |
22 |
} |
23 |
|
24 |
.plupload_button:hover { |
25 |
color: #000; |
26 |
text-decoration: none; |
27 |
} |
28 |
|
29 |
.plupload_disabled, a.plupload_disabled:hover { |
30 |
color: #737373; |
31 |
border-color: #c5c5c5; |
32 |
background: #ededed url('../img/buttons-disabled.png') no-repeat 0 center; |
33 |
cursor: default; |
34 |
} |
35 |
|
36 |
.plupload_add {
|
37 |
background-position: -181px center; |
38 |
} |
39 |
|
40 |
.plupload_wrapper {
|
41 |
font: normal 11px Verdana,sans-serif; |
42 |
width: 100%; |
43 |
} |
44 |
|
45 |
.plupload_container {
|
46 |
padding: 8px; |
47 |
background: url('../img/transp50.png'); |
48 |
/*-moz-border-radius: 5px;*/
|
49 |
} |
50 |
|
51 |
.plupload_container input { |
52 |
border: 1px solid #DDD; |
53 |
font: normal 11px Verdana,sans-serif; |
54 |
width: 98%; |
55 |
} |
56 |
|
57 |
.plupload_header {background: #2A2C2E url('../img/backgrounds.gif') repeat-x;} |
58 |
.plupload_header_content {
|
59 |
background: url('../img/backgrounds.gif') no-repeat 0 -317px; |
60 |
min-height: 56px; |
61 |
padding-left: 60px; |
62 |
color: #FFF; |
63 |
} |
64 |
.plupload_header_title {
|
65 |
font: normal 18px sans-serif; |
66 |
padding: 6px 0 3px; |
67 |
} |
68 |
.plupload_header_text {
|
69 |
font: normal 12px sans-serif; |
70 |
} |
71 |
|
72 |
.plupload_filelist {
|
73 |
margin: 0; |
74 |
padding: 0; |
75 |
list-style: none; |
76 |
} |
77 |
|
78 |
.plupload_scroll .plupload_filelist { |
79 |
height: 185px; |
80 |
background: #F5F5F5; |
81 |
overflow-y: scroll; |
82 |
} |
83 |
|
84 |
.plupload_filelist li { |
85 |
padding: 10px 8px; |
86 |
background: #F5F5F5 url('../img/backgrounds.gif') repeat-x 0 -156px; |
87 |
border-bottom: 1px solid #DDD; |
88 |
} |
89 |
|
90 |
.plupload_filelist_header, .plupload_filelist_footer { |
91 |
background: #DFDFDF; |
92 |
padding: 8px 8px; |
93 |
color: #42454A; |
94 |
} |
95 |
.plupload_filelist_header {
|
96 |
border-top: 1px solid #EEE; |
97 |
border-bottom: 1px solid #CDCDCD; |
98 |
} |
99 |
|
100 |
.plupload_filelist_footer {border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;} |
101 |
.plupload_file_name {float: left; overflow: hidden} |
102 |
.plupload_file_status {color: #777;} |
103 |
.plupload_file_status span {color: #42454A;} |
104 |
.plupload_file_size, .plupload_file_status, .plupload_progress { |
105 |
float: right; |
106 |
width: 80px; |
107 |
} |
108 |
.plupload_file_size, .plupload_file_status, .plupload_file_action {text-align: right;} |
109 |
|
110 |
.plupload_filelist .plupload_file_name {width: 205px} |
111 |
|
112 |
.plupload_file_action {
|
113 |
float: right; |
114 |
width: 16px; |
115 |
height: 16px; |
116 |
margin-left: 15px; |
117 |
} |
118 |
|
119 |
.plupload_file_action * { |
120 |
display: none; |
121 |
width: 16px; |
122 |
height: 16px; |
123 |
} |
124 |
|
125 |
li.plupload_uploading {background: #ECF3DC url('../img/backgrounds.gif') repeat-x 0 -238px;} |
126 |
li.plupload_done {color:#AAA} |
127 |
|
128 |
li.plupload_delete a { |
129 |
background: url('../img/delete.gif'); |
130 |
} |
131 |
|
132 |
li.plupload_failed a { |
133 |
background: url('../img/error.gif'); |
134 |
cursor: default; |
135 |
} |
136 |
|
137 |
li.plupload_done a { |
138 |
background: url('../img/done.gif'); |
139 |
cursor: default; |
140 |
} |
141 |
|
142 |
.plupload_progress, .plupload_upload_status { |
143 |
display: none; |
144 |
} |
145 |
|
146 |
.plupload_progress_container {
|
147 |
margin-top: 3px; |
148 |
border: 1px solid #CCC; |
149 |
background: #FFF; |
150 |
padding: 1px; |
151 |
} |
152 |
.plupload_progress_bar {
|
153 |
width: 0px; |
154 |
height: 7px; |
155 |
background: #CDEB8B; |
156 |
} |
157 |
|
158 |
.plupload_scroll .plupload_filelist_header .plupload_file_action, .plupload_scroll .plupload_filelist_footer .plupload_file_action { |
159 |
margin-right: 17px; |
160 |
} |
161 |
|
162 |
/* Floats */
|
163 |
|
164 |
.plupload_clear,.plupload_clearer {clear: both;} |
165 |
.plupload_clearer, .plupload_progress_bar { |
166 |
display: block; |
167 |
font-size: 0; |
168 |
line-height: 0; |
169 |
} |
170 |
|
171 |
li.plupload_droptext { |
172 |
background: transparent; |
173 |
text-align: center; |
174 |
vertical-align: middle; |
175 |
border: 0; |
176 |
line-height: 165px; |
177 |
} |