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