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