Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 469:305044acb6f0

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser_side: fixes CSS: - indentation set to 4 characters - updated the vendor prefixes with autoprefixer - validated with W3C CSS3 validator
author souliane <souliane@mailoo.org>
date Mon, 09 Jun 2014 20:37:42 +0200
parents 296e7234f152
children c21ea1fe3593
comparison
equal deleted inserted replaced
468:830b50593597 469:305044acb6f0
1 /* 1 /*
2 Libervia: a Salut à Toi frontend 2 Libervia: a Salut à Toi frontend
3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson <goffi@goffi.org> 3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson <goffi@goffi.org>
4 Copyright (C) 2011 Adrien Vigneron <adrienvigneron@mailoo.org> 4 Copyright (C) 2011 Adrien Vigneron <adrienvigneron@mailoo.org>
5 Copyright (C) 2013, 2014 Adrien Cossa <souliane@mailoo.org>
5 6
6 This program is free software: you can redistribute it and/or modify 7 This program is free software: you can redistribute it and/or modify
7 it under the terms of the GNU Affero General Public License as published by 8 it under the terms of the GNU Affero General Public License as published by
8 the Free Software Foundation, either version 3 of the License, or 9 the Free Software Foundation, either version 3 of the License, or
9 (at your option) any later version. 10 (at your option) any later version.
110 overflow: auto; 111 overflow: auto;
111 112
112 } 113 }
113 114
114 .scrollpanel { 115 .scrollpanel {
115 margin-bottom: -10000px; 116 margin-bottom: -10000px;
116 117
117 } 118 }
118 119
119 .iescrollpanelfix { 120 .iescrollpanelfix {
120 position: relative; 121 position: relative;
121 top: 100%; 122 top: 100%;
122 margin-bottom: -10000px; 123 margin-bottom: -10000px;
123 124
124 } 125 }
125 126
126 /* undo part of the above (non-IE) */ 127 /* undo part of the above (non-IE) */
127 html>body .iescrollpanelfix { position: static; } 128 html>body .iescrollpanelfix { position: static; }
143 .menuContainer { 144 .menuContainer {
144 margin: 0 32px 0 20px; 145 margin: 0 32px 0 20px;
145 } 146 }
146 147
147 .gwt-MenuBar,.gwt-MenuBar-horizontal { 148 .gwt-MenuBar,.gwt-MenuBar-horizontal {
148 /*background-color: #01FF78;
149 border: 1px solid #87B3FF;
150 cursor: default;*/
151 width: 100%; 149 width: 100%;
152 height: 28px; 150 height: 28px;
153 margin: 0; 151 margin: 0;
154 padding: 5px 5px 0 5px; 152 padding: 5px 5px 0 5px;
155 line-height: 100%; 153 line-height: 100%;
154 -webkit-box-shadow: 0px 1px 4px #000;
156 box-shadow: 0px 1px 4px #000; 155 box-shadow: 0px 1px 4px #000;
157 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
158 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
159 border: 1px solid #ddd; 156 border: 1px solid #ddd;
160 border-radius: 0 0 1em 1em; 157 border-radius: 0 0 1em 1em;
161 -webkit-border-radius: 0 0 1em 1em;
162 -moz-border-radius: 0 0 1em 1em;
163 background-color: #222; 158 background-color: #222;
164 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
165 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); 159 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
166 background: -moz-linear-gradient(top, #444444, #222222); 160 background: -webkit-linear-gradient(top, #444444, #222222);
167 background-image: -o-linear-gradient(#444444,#222222); 161 background: linear-gradient(to bottom, #444444, #222222);
168 display: inline-block; 162 display: inline-block;
169 } 163 }
170 164
171 .gwt-MenuBar-horizontal .gwt-MenuItem { 165 .gwt-MenuBar-horizontal .gwt-MenuItem {
172 text-decoration: none; 166 text-decoration: none;
173 font-weight: bold; 167 font-weight: bold;
174 height: 100%; 168 height: 100%;
175 color: #e7e5e5; 169 color: #e7e5e5;
176 padding: 3px 15px; 170 padding: 3px 15px;
177 /*display: block;*/
178 border-radius: 1em 1em 1em 1em; 171 border-radius: 1em 1em 1em 1em;
179 -webkit-border-radius: 1em 1em 1em 1em; 172 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
180 -moz-border-radius: 1em 1em 1em 1em;
181 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
182 -webkit-transition: color 0.2s linear; 173 -webkit-transition: color 0.2s linear;
183 -moz-transition: color 0.2s linear; 174 transition: color 0.2s linear;
184 -o-transition: color 0.2s linear;
185 } 175 }
186 176
187 .gwt-MenuItem img { 177 .gwt-MenuItem img {
188 padding-right: 2px; 178 padding-right: 2px;
189 } 179 }
190 180
191 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { 181 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
192 background-color: #eee; 182 background-color: #eee;
193 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
194 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 183 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
195 background: -moz-linear-gradient(top, #eee, #aaa); 184 background: -webkit-linear-gradient(top, #eee, #aaa);
196 background-image: -o-linear-gradient(#eee,#aaa); 185 background: linear-gradient(to bottom, #eee, #aaa);
197 color: #444; 186 color: #444;
198 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 187 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
199 cursor: pointer; 188 cursor: pointer;
200 } 189 }
201 190
209 cursor: default; 198 cursor: default;
210 } 199 }
211 200
212 .gwt-MenuBar { 201 .gwt-MenuBar {
213 background-color: #fff; 202 background-color: #fff;
214 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
215 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 203 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
216 background: -moz-linear-gradient(top, #fff, #ccc); 204 background: -webkit-linear-gradient(top, #fff, #ccc);
217 background-image: -o-linear-gradient(#fff,#ccc); 205 background: linear-gradient(to bottom, #fff, #ccc);
218 /*display: none;*/
219 height: 100%; 206 height: 100%;
220 min-width: 148px; 207 min-width: 148px;
221 margin: 0; 208 margin: 0;
222 padding: 0; 209 padding: 0;
223 /*min-width: 148px;
224 top: 28px;*/
225 border: solid 1px #aaa; 210 border: solid 1px #aaa;
226 -webkit-border-radius: 0 0 10px 10px;
227 -moz-border-radius: 0 0 10px 10px;
228 border-radius: 0 0 10px 10px; 211 border-radius: 0 0 10px 10px;
229 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 212 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
230 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
231 box-shadow: 0 1px 3px rgba(0, 0, 0, .3); 213 box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
232 } 214 }
233 215
234 .gwt-MenuBar table { 216 .gwt-MenuBar table {
235 width: 100%; 217 width: 100%;
241 } 223 }
242 224
243 225
244 .gwt-MenuBar .gwt-MenuItem-selected { 226 .gwt-MenuBar .gwt-MenuItem-selected {
245 background: #cf2828 !important; 227 background: #cf2828 !important;
246 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#981a1a’) !important;
247 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important; 228 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important;
248 background: -moz-linear-gradient(top, #cf2828, #981a1a) !important; 229 background: -webkit-linear-gradient(top, #cf2828, #981a1a) !important;
249 background-image: -o-linear-gradient(#cf2828,#981a1a) !important; 230 background: linear-gradient(to bottom, #cf2828, #981a1a) !important;
250 color: #fff !important; 231 color: #fff !important;
251 -webkit-border-radius: 0 0 0 0;
252 -moz-border-radius: 0 0 0 0;
253 border-radius: 0 0 0 0; 232 border-radius: 0 0 0 0;
254 text-shadow: 0 1px 1px rgba(0, 0, 0, .1); 233 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
255 transition: color 0.2s linear; 234 -webkit-transition: color 0.2s linear;
256 -webkit-transition: color 0.2s linear; 235 transition: color 0.2s linear;
257 -moz-transition: color 0.2s linear; 236 cursor: pointer;
258 -o-transition: color 0.2s linear; 237 }
259 cursor: pointer;
260 }
261
262 /*.menuLastPopup div tr:first-child td{
263 border-radius: 0 0 9px 9px !important;
264 -webkit-border-radius: 0 0 9px 9px !important;
265 -moz-border-radius: 0 0 9px 9px !important;
266 }*/
267 238
268 .gwt-MenuBar tr:last-child td { 239 .gwt-MenuBar tr:last-child td {
269 border-radius: 0 0 9px 9px !important; 240 border-radius: 0 0 9px 9px !important;
270 -webkit-border-radius: 0 0 9px 9px !important;
271 -moz-border-radius: 0 0 9px 9px !important;
272 } 241 }
273 242
274 243
275 .menuLastPopup .gwt-MenuBar { 244 .menuLastPopup .gwt-MenuBar {
276 border-top-right-radius: 9px 9px 9px 9px; 245 border-top-right-radius: 9px 9px;
277 -webkit-border-top-right-radius: 9px 9px 9px 9px;
278 -moz-border-top-right-radius: 9px 9px 9px 9px;
279 } 246 }
280 247
281 .gwt-AutoCompleteTextBox { 248 .gwt-AutoCompleteTextBox {
282 width: 80%; 249 width: 80%;
283 border: 1px solid #87B3FF; 250 border: 1px solid #87B3FF;
284 margin-top: 20px; 251 margin-top: 20px;
285 } 252 }
286 .gwt-DialogBox { 253 .gwt-DialogBox {
287 padding: 10px; 254 padding: 10px;
288 border: 1px solid #aaa; 255 border: 1px solid #aaa;
289 background-color: #fff; 256 background-color: #fff;
290 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); 257 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
291 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 258 background: -webkit-linear-gradient(top, #fff, #ccc);
292 background: -moz-linear-gradient(top, #fff, #ccc); 259 background: linear-gradient(to bottom, #fff, #ccc);
293 background-image: -o-linear-gradient(#fff,#ccc); 260 border-radius: 9px 9px 9px 9px;
294 border-radius: 9px 9px 9px 9px; 261 -webkit-box-shadow: 0px 1px 4px #000;
295 -webkit-border-radius: 9px 9px 9px 9px; 262 box-shadow: 0px 1px 4px #000;
296 -moz-border-radius: 9px 9px 9px 9px;
297 box-shadow: 0px 1px 4px #000;
298 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
299 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
300 } 263 }
301 264
302 .gwt-DialogBox .Caption { 265 .gwt-DialogBox .Caption {
303 height: 20px; 266 height: 20px;
304 font-size: 1.3em !important; 267 font-size: 1.3em !important;
305 background-color: #cf2828; 268 background-color: #cf2828;
306 background: #cf2828 !important; 269 background: #cf2828 !important;
307 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#981a1a’); 270 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important;
308 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important; 271 background: -webkit-linear-gradient(top, #cf2828, #981a1a) !important;
309 background: -moz-linear-gradient(top, #cf2828, #981a1a) !important; 272 background: linear-gradient(to bottom, #cf2828, #981a1a) !important;
310 background-image: -o-linear-gradient(#cf2828,#981a1a); 273 color: #fff;
311 color: #fff; 274 padding: 3px 3px 4px 3px;
312 padding: 3px 3px 4px 3px; 275 margin: -10px;
313 margin: -10px; 276 margin-bottom: 5px;
314 margin-bottom: 5px; 277 font-weight: bold;
315 font-weight: bold; 278 cursor: default;
316 cursor: default; 279 text-align: center;
317 text-align: center; 280 border-radius: 7px 7px 0 0;
318 border-radius: 7px 7px 0 0;
319 -webkit-border-radius: 7px 7px 0 0;
320 -moz-border-radius: 7px 7px 0 0;
321 } 281 }
322 282
323 /*DIALOG: button, listbox, textbox, label */ 283 /*DIALOG: button, listbox, textbox, label */
324 284
325 .gwt-DialogBox .gwt-button { 285 .gwt-DialogBox .gwt-button {
326 background-color: #ccc; 286 background-color: #ccc;
327 border-radius: 5px 5px 5px 5px; 287 border-radius: 5px 5px 5px 5px;
328 -webkit-border-radius: 5px 5px 5px 5px; 288 -webkit-box-shadow: 0px 1px 4px #000;
329 -moz-border-radius: 5px 5px 5px 5px;
330 box-shadow: 0px 1px 4px #000; 289 box-shadow: 0px 1px 4px #000;
331 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); 290 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
332 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); 291 background: -webkit-linear-gradient(top, #444, #222);
333 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’); 292 background: linear-gradient(to bottom, #444, #222);
334 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 293 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
335 background: -moz-linear-gradient(top, #444, #222); 294 padding: 3px 5px 3px 5px;
336 background-image: -o-linear-gradient(#444,#222); 295 margin: 10px 5px 10px 5px;
337 text-shadow: 1px 1px 1px rgba(0,0,0,0.2); 296 color: #fff;
338 padding: 3px 5px 3px 5px; 297 font-weight: bold;
339 margin: 10px 5px 10px 5px; 298 font-size: 1em;
340 color: #fff; 299 border: none;
341 font-weight: bold; 300 -webkit-transition: color 0.2s linear;
342 font-size: 1em; 301 transition: color 0.2s linear;
343 border: none;
344 -webkit-transition: color 0.2s linear;
345 -moz-transition: color 0.2s linear;
346 -o-transition: color 0.2s linear;
347 } 302 }
348 303
349 .gwt-DialogBox .gwt-button:hover { 304 .gwt-DialogBox .gwt-button:hover {
350 background-color: #cf2828; 305 background-color: #cf2828;
351 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 306 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
352 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 307 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
353 background: -moz-linear-gradient(top, #cf2828, #981a1a); 308 background: linear-gradient(to bottom, #cf2828, #981a1a);
354 background-image: -o-linear-gradient(#cf2828,#981a1a); 309 color: #fff;
355 color: #fff; 310 text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
356 text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
357 } 311 }
358 312
359 .gwt-DialogBox .gwt-TextBox { 313 .gwt-DialogBox .gwt-TextBox {
360 background-color: #fff; 314 background-color: #fff;
361 border-radius: 5px 5px 5px 5px; 315 border-radius: 5px 5px 5px 5px;
362 -webkit-border-radius: 5px 5px 5px 5px; 316 -webkit-box-shadow:inset 0px 1px 4px #000;
363 -moz-border-radius: 5px 5px 5px 5px;
364 box-shadow:inset 0px 1px 4px #000; 317 box-shadow:inset 0px 1px 4px #000;
365 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6); 318 padding: 3px 5px 3px 5px;
366 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6); 319 margin: 10px 5px 10px 5px;
367 padding: 3px 5px 3px 5px; 320 color: #444;
368 margin: 10px 5px 10px 5px; 321 font-size: 1em;
369 color: #444; 322 border: none;
370 font-size: 1em;
371 border: none;
372 } 323 }
373 324
374 .gwt-DialogBox .gwt-ListBox { 325 .gwt-DialogBox .gwt-ListBox {
375 overflow: auto; 326 overflow: auto;
376 width: 100%; 327 width: 100%;
377 background-color: #fff; 328 background-color: #fff;
378 border-radius: 5px 5px 5px 5px; 329 border-radius: 5px 5px 5px 5px;
379 -webkit-border-radius: 5px 5px 5px 5px; 330 -webkit-box-shadow:inset 0px 1px 4px #000;
380 -moz-border-radius: 5px 5px 5px 5px;
381 box-shadow:inset 0px 1px 4px #000; 331 box-shadow:inset 0px 1px 4px #000;
382 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6); 332 padding: 3px 5px 3px 5px;
383 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6); 333 margin: 10px 5px 10px 5px;
384 padding: 3px 5px 3px 5px; 334 color: #444;
385 margin: 10px 5px 10px 5px; 335 font-size: 1em;
386 color: #444; 336 border: none;
387 font-size: 1em;
388 border: none;
389 } 337 }
390 338
391 .gwt-DialogBox .gwt-Label { 339 .gwt-DialogBox .gwt-Label {
392 margin-top: 13px; 340 margin-top: 13px;
393 } 341 }
394 342
395 /* Custom Dialogs */ 343 /* Custom Dialogs */
396 344
397 .formWarning { /* used when a form is not valid and must be corrected before submission */ 345 .formWarning { /* used when a form is not valid and must be corrected before submission */
411 } 359 }
412 /* Contact List */ 360 /* Contact List */
413 361
414 div.contactBox { 362 div.contactBox {
415 width: 100%; 363 width: 100%;
416 /* We want the contact panel to not use all the available height when displayed 364 /* We want the contact panel to not use all the available height when displayed
417 in the unibox panel (grey part), because the dialogs panels (white part) should 365 in the unibox panel (grey part), because the dialogs panels (white part) should
418 still be visible. The setting max-height: fit-content would be appropriate here 366 still be visible. The setting max-height: fit-content would be appropriate here
419 but it doesn't work with firefox 24.0. TODO: check if the current setting works 367 but it doesn't work with firefox 24.0. TODO: check if the current setting works
420 with other browsers... the panel should of course not be displayed on 100px 368 with other browsers... the panel should of course not be displayed on 100px
421 but exactly fit the contacts box. 369 but exactly fit the contacts box.
422 */ 370 */
423 max-height: 100px; 371 max-height: 100px;
424 } 372 }
425 373
426 .contactTitle { 374 .contactTitle {
427 color: #cf2828; 375 color: #cf2828;
428 font-size: 1.7em; 376 font-size: 1.7em;
450 398
451 .group { 399 .group {
452 padding: 2px 15px; 400 padding: 2px 15px;
453 margin: 5px; 401 margin: 5px;
454 display: inline-block; 402 display: inline-block;
455 text-decoration: none; 403 text-decoration: none;
456 font-weight: bold; 404 font-weight: bold;
457 color: #e7e5e5; 405 color: #e7e5e5;
458 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 406 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
459 border-radius: 1em 1em 1em 1em; 407 border-radius: 1em 1em 1em 1em;
460 -webkit-border-radius: 1em 1em 1em 1em; 408 background-color: #eee;
461 -moz-border-radius: 1em 1em 1em 1em; 409 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
462 background-color: #eee; 410 background: -webkit-linear-gradient(top, #eee, #aaa);
463 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa&#888;); 411 background: linear-gradient(to bottom, #eee, #aaa);
464 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
465 background: -moz-linear-gradient(top, #eee, #aaa);
466 background-image: -o-linear-gradient(#eee,#aaa);
467 color: #444; 412 color: #444;
468 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 413 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
414 -webkit-box-shadow: 0px 1px 1px #000;
469 box-shadow: 0px 1px 1px #000; 415 box-shadow: 0px 1px 1px #000;
470 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
471 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
472 } 416 }
473 417
474 div.group:hover { 418 div.group:hover {
475 color: #fff; 419 color: #fff;
476 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); 420 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
477 background-color: #cf2828; 421 background-color: #cf2828;
478 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 422 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
479 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 423 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
480 background: -moz-linear-gradient(top, #cf2828, #981a1a); 424 background: linear-gradient(to bottom, #cf2828, #981a1a);
481 background-image: -o-linear-gradient(#cf2828,#981a1a);
482 -webkit-transition: color 0.1s linear; 425 -webkit-transition: color 0.1s linear;
483 -moz-transition: color 0.1s linear; 426 transition: color 0.1s linear;
484 -o-transition: color 0.1s linear;
485 } 427 }
486 .contact { 428 .contact {
487 font-size: 1em; 429 font-size: 1em;
488 margin-top: 3px; 430 margin-top: 3px;
489 padding: 3px 10px 3px 10px; 431 padding: 3px 10px 3px 10px;
492 .contact-menu-selected { 434 .contact-menu-selected {
493 font-size: 1em; 435 font-size: 1em;
494 margin-top: 3px; 436 margin-top: 3px;
495 padding: 3px 10px 3px 10px; 437 padding: 3px 10px 3px 10px;
496 border-radius: 5px; 438 border-radius: 5px;
497 background-color: rgb(175, 175, 175); 439 background-color: rgb(175, 175, 175);
498 } 440 }
499 441
500 /* START - contact presence status */ 442 /* START - contact presence status */
501 .contact-connected { 443 .contact-connected {
502 color: #3c7e0c; 444 color: #3c7e0c;
523 /* END - contact presence status */ 465 /* END - contact presence status */
524 466
525 .selected { 467 .selected {
526 color: #fff; 468 color: #fff;
527 background-color: #cf2828; 469 background-color: #cf2828;
528 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 470 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
529 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 471 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
530 background: -moz-linear-gradient(top, #cf2828, #981a1a); 472 background: linear-gradient(to bottom, #cf2828, #981a1a);
531 background-image: -o-linear-gradient(#cf2828,#981a1a);
532 border-radius: 1em 1em 1em 1em; 473 border-radius: 1em 1em 1em 1em;
533 -webkit-border-radius: 1em 1em 1em 1em;
534 -moz-border-radius: 1em 1em 1em 1em;
535 -webkit-transition: color 0.2s linear; 474 -webkit-transition: color 0.2s linear;
536 -moz-transition: color 0.2s linear; 475 transition: color 0.2s linear;
537 -o-transition: color 0.2s linear;
538 } 476 }
539 477
540 .messageBox { 478 .messageBox {
541 width: 100%; 479 width: 100%;
542 padding: 5px; 480 padding: 5px;
543 border: 1px solid #bbb; 481 border: 1px solid #bbb;
544 color: #444; 482 color: #444;
545 background: #fff url('media/libervia/unibox_2.png') top bottom no-repeat; 483 background: #fff url('media/libervia/unibox_2.png') right bottom no-repeat;
484 -webkit-box-shadow:inset 0 0 10px #ddd;
546 box-shadow:inset 0 0 10px #ddd; 485 box-shadow:inset 0 0 10px #ddd;
547 -webkit-box-shadow:inset 0 0 10px #ddd;
548 -moz-box-shadow:inset 0 0 10px #ddd;
549 border-radius: 0px 0px 10px 10px; 486 border-radius: 0px 0px 10px 10px;
550 height: 28px; 487 height: 28px;
551 margin: 0px; 488 margin: 0px;
552 } 489 }
553 490
562 height: 45px; 499 height: 45px;
563 padding: 5px; 500 padding: 5px;
564 border: 1px solid #bbb; 501 border: 1px solid #bbb;
565 color: #444; 502 color: #444;
566 background: #fff url('media/libervia/unibox_2.png') top right no-repeat; 503 background: #fff url('media/libervia/unibox_2.png') top right no-repeat;
504 -webkit-box-shadow:inset 0 0 10px #ddd;
567 box-shadow:inset 0 0 10px #ddd; 505 box-shadow:inset 0 0 10px #ddd;
568 -webkit-box-shadow:inset 0 0 10px #ddd;
569 -moz-box-shadow:inset 0 0 10px #ddd;
570 } 506 }
571 507
572 .uniBoxButton { 508 .uniBoxButton {
573 width:30px; 509 width:30px;
574 height:45px; 510 height:45px;
587 color: #666; 523 color: #666;
588 cursor: pointer; 524 cursor: pointer;
589 } 525 }
590 526
591 .presence-button { 527 .presence-button {
592 font-size: x-large; 528 font-size: x-large;
593 padding-right: 5px; 529 padding-right: 5px;
594 cursor: pointer; 530 cursor: pointer;
595 } 531 }
596 532
597 /* RegisterBox */ 533 /* RegisterBox */
598 534
599 .registerPanel_main button { 535 .registerPanel_main button {
608 } 544 }
609 545
610 .registerPanel_main{ 546 .registerPanel_main{
611 height: 100%; 547 height: 100%;
612 border: 5px solid #222; 548 border: 5px solid #222;
549 -webkit-box-shadow: 0px 1px 4px #000;
613 box-shadow: 0px 1px 4px #000; 550 box-shadow: 0px 1px 4px #000;
614 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
615 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
616 } 551 }
617 552
618 .registerPanel_tabs .gwt-Label { 553 .registerPanel_tabs .gwt-Label {
619 margin: 20px 0px 0px 15px; 554 margin: 20px 0px 0px 15px;
620 cursor: pointer; 555 cursor: pointer;
635 570
636 .registerPanel_tabs .gwt-TabBarRest { 571 .registerPanel_tabs .gwt-TabBarRest {
637 } 572 }
638 573
639 .registerPanel_right_side { 574 .registerPanel_right_side {
640 background: #111 url('media/libervia/register_right.png'); 575 background: #111 url('media/libervia/register_right.png');
641 height: 100%; 576 height: 100%;
642 width: 100%; 577 width: 100%;
643 } 578 }
644 .registerPanel_content { 579 .registerPanel_content {
645 margin-left: 50px; 580 margin-left: 50px;
646 margin-top: 30px; 581 margin-top: 30px;
647 } 582 }
648 583
649 .registerPanel_content div { 584 .registerPanel_content div {
650 font-size: 1em; 585 font-size: 1em;
651 margin-left: 10px; 586 margin-left: 10px;
652 margin-top: 15px; 587 margin-top: 15px;
653 font-style: bold; 588 font-weight: bold;
654 color: #888; 589 color: #888;
655 } 590 }
656 591
657 .registerPanel_content input { 592 .registerPanel_content input {
658 height: 25px; 593 height: 25px;
659 line-height: 25px; 594 line-height: 25px;
660 width: 200px; 595 width: 200px;
661 text-indent: 11px; 596 text-indent: 11px;
662 597 background: #000;
663 background: #000; 598 color: #aaa;
664 color: #aaa; 599 border: 1px solid #222;
665 border: 1px solid #222; 600 border-radius: 15px 15px 15px 15px;
666 border-radius: 15px 15px 15px 15px;
667 -webkit-border-radius: 15px 15px 15px 15px;
668 -moz-border-radius: 15px 15px 15px 15px;
669 } 601 }
670 602
671 .registerPanel_content input:focus { 603 .registerPanel_content input:focus {
672 border: 1px solid #444; 604 border: 1px solid #444;
673 } 605 }
674 606
675 607
676 .registerPanel_content .button, .registerPanel_content .button:visited { 608 .registerPanel_content .button, .registerPanel_content .button:visited {
677 background: #222 url('media/libervia/gradient.png') repeat-x; 609 background: #222 url('media/libervia/gradient.png') repeat-x;
678 display: inline-block; 610 display: inline-block;
679 text-decoration: none; 611 text-decoration: none;
680 border-radius: 6px 6px 6px 6px; 612 border-radius: 6px 6px 6px 6px;
681 -moz-border-radius: 6px 6px 6px 6px; 613 border-bottom: 1px solid rgba(0,0,0,0.25);
682 -webkit-border-radius: 6px 6px 6px 6px; 614 cursor: pointer;
683 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); 615 margin-top: 30px;
684 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
685 border-bottom: 1px solid rgba(0,0,0,0.25);
686 cursor: pointer;
687 margin-top: 30px;
688 } 616 }
689 617
690 /* Fix for Opera */ 618 /* Fix for Opera */
691 .button, .button:visited { 619 .button, .button:visited {
692 border-radius: 6px 6px 6px 6px !important; 620 border-radius: 6px 6px 6px 6px !important;
710 } 638 }
711 639
712 .widgetHeader { 640 .widgetHeader {
713 margin: auto; 641 margin: auto;
714 height: 25px; 642 height: 25px;
715 /*border: 1px solid #ddd;*/
716 border-radius: 10px 10px 0 0; 643 border-radius: 10px 10px 0 0;
717 -webkit-border-radius: 10px 10px 0 0;
718 -moz-border-radius: 10px 10px 0 0;
719 background-color: #222; 644 background-color: #222;
720 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’); 645 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
721 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 646 background: -webkit-linear-gradient(top, #444, #222);
722 background: -moz-linear-gradient(top, #444, #222); 647 background: linear-gradient(to bottom, #444, #222);
723 background-image: -o-linear-gradient(#444,#222);
724 } 648 }
725 649
726 .widgetHeader_title { 650 .widgetHeader_title {
727 color: #fff; 651 color: #fff;
728 font-weight: bold; 652 font-weight: bold;
741 .widgetHeader_buttonGroup { 665 .widgetHeader_buttonGroup {
742 float: right; 666 float: right;
743 } 667 }
744 668
745 .widgetHeader_buttonGroup img { 669 .widgetHeader_buttonGroup img {
746 background-color: transparent; 670 background-color: transparent;
747 width: 25px; 671 width: 25px;
748 height: 20px; 672 height: 20px;
749 padding-top: 2px; 673 padding-top: 2px;
750 padding-bottom: 3px; 674 padding-bottom: 3px;
751 border-left: 1px solid #666; 675 border-left: 1px solid #666;
752 border-top: 0; 676 border-top: 0;
753 border-radius: 0 10px 0 0; 677 border-radius: 0 10px 0 0;
754 -webkit-border-radius: 0 10px 0 0; 678 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
755 -moz-border-radius: 0 10px 0 0; 679 background: -webkit-linear-gradient(top, #555, #333);
756 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’); 680 background: linear-gradient(to bottom, #555, #333);
757 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
758 background: -moz-linear-gradient(top, #555, #333);
759 background-image: -o-linear-gradient(#555,#333);
760 } 681 }
761 682
762 .widgetHeader_closeButton { 683 .widgetHeader_closeButton {
763 border-radius: 0 10px 0 0 !important; 684 border-radius: 0 10px 0 0 !important;
764 -webkit-border-radius: 0 10px 0 0 !important;
765 -moz-border-radius: 0 10px 0 0 !important;
766 } 685 }
767 686
768 .widgetHeader_settingButton { 687 .widgetHeader_settingButton {
769 border-radius: 0 0 0 0 !important; 688 border-radius: 0 0 0 0 !important;
770 -webkit-border-radius: 0 0 0 0 !important;
771 -moz-border-radius: 0 0 0 0 !important;
772 } 689 }
773 690
774 .widgetHeader_buttonGroup img:hover { 691 .widgetHeader_buttonGroup img:hover {
775 background-color: #cf2828; 692 background-color: #cf2828;
776 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 693 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
777 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 694 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
778 background: -moz-linear-gradient(top, #cf2828, #981a1a); 695 background: linear-gradient(to bottom, #cf2828, #981a1a);
779 background-image: -o-linear-gradient(#cf2828,#981a1a);
780 } 696 }
781 697
782 .widgetBody { 698 .widgetBody {
783 border-radius: 0 0 10px 10px; 699 border-radius: 0 0 10px 10px;
784 -webkit-border-radius: 0 0 10px 10px;
785 -moz-border-radius: 0 0 10px 10px;
786 background-color: #fff; 700 background-color: #fff;
787 min-width: 200px; 701 min-width: 200px;
788 min-height: 150px; 702 min-height: 150px;
703 -webkit-box-shadow:inset 0px 0 1px #444;
789 box-shadow:inset 0px 0 1px #444; 704 box-shadow:inset 0px 0 1px #444;
790 -webkit-box-shadow:inset 0 0 1px #444;
791 -moz-box-shadow:inset 0 0 1px #444;
792 } 705 }
793 706
794 /* BorderWidgets */ 707 /* BorderWidgets */
795 708
796 .bottomBorderWidget { 709 .bottomBorderWidget {
802 } 715 }
803 716
804 /* Microblog */ 717 /* Microblog */
805 718
806 .microblogPanel { 719 .microblogPanel {
807 /* margin: auto;
808 width: 95% !important;*/
809 width: 100%; 720 width: 100%;
810 } 721 }
811 722
812 .microblogNewButton { 723 .microblogNewButton {
813 width: 100%; 724 width: 100%;
820 .subpanel .mb_entry { 731 .subpanel .mb_entry {
821 padding-left: 65px; 732 padding-left: 65px;
822 } 733 }
823 734
824 .mb_entry { 735 .mb_entry {
825 min-height: 64px; 736 min-height: 64px;
826 } 737 }
827 738
828 .mb_entry_header 739 .mb_entry_header
829 { 740 {
830 cursor: pointer; 741 cursor: pointer;
839 font-weight: bold; 750 font-weight: bold;
840 padding-left: 5px; 751 padding-left: 5px;
841 } 752 }
842 753
843 .mb_entry_avatar { 754 .mb_entry_avatar {
844 float: left; 755 float: left;
845 } 756 }
846 757
847 .mb_entry_avatar img { 758 .mb_entry_avatar img {
848 width: 48px; 759 width: 48px;
849 height: 48px; 760 height: 48px;
850 padding: 8px; 761 padding: 8px;
851 } 762 }
852 763
853 .mb_entry_dialog { 764 .mb_entry_dialog {
854 float: left; 765 float: left;
855 min-height: 54px; 766 min-height: 54px;
856 padding: 5px 20px 5px 20px; 767 padding: 5px 20px 5px 20px;
857 border-collapse: separate; # for the bubble queue since the entry dialog is now a HorizontalPanel 768 border-collapse: separate; /* for the bubble queue since the entry dialog is now a HorizontalPanel */
858 } 769 }
859 770
860 .bubble { 771 .bubble {
861 position: relative; 772 position: relative;
862 padding: 15px; 773 padding: 15px;
863 margin: 2px; 774 margin: 2px;
864 -webkit-border-radius:10px;
865 -moz-border-radius:10px;
866 border-radius:10px; 775 border-radius:10px;
867 background: #EDEDED; 776 background: #EDEDED;
868 border-color: #C1C1C1; 777 border-color: #C1C1C1;
869 border-width: 1px; 778 border-width: 1px;
870 border-style: solid; 779 border-style: solid;
871 display: block; 780 display: block;
872 border-collapse: separate; 781 border-collapse: separate;
873 min-height: 15px; # for the bubble queue to be aligned when the bubble is empty 782 min-height: 15px; /* for the bubble queue to be aligned when the bubble is empty */
874 } 783 }
875 784
876 .bubble:after { 785 .bubble:after {
877 background: transparent url('media/libervia/bubble_after.png') top right no-repeat; 786 background: transparent url('media/libervia/bubble_after.png') top right no-repeat;
878 border: none; 787 border: none;
879 content: ""; 788 content: "";
880 position: absolute; 789 position: absolute;
881 bottom: auto; 790 bottom: auto;
882 left: -20px; 791 left: -20px;
883 top: 16px; 792 top: 16px;
884 display: block; 793 display: block;
885 height: 20; 794 height: 20px;
886 width: 20; 795 width: 20px;
887 } 796 }
888 797
889 .bubble textarea{ 798 .bubble textarea{
890 width: 100%; 799 width: 100%;
891 } 800 }
908 .mb_entry_toggle_syntax { 817 .mb_entry_toggle_syntax {
909 cursor: pointer; 818 cursor: pointer;
910 text-align: right; 819 text-align: right;
911 display: block; 820 display: block;
912 position: relative; 821 position: relative;
913 top: -20px: 822 top: -20px;
914 left: -20px; 823 left: -20px;
915 } 824 }
916 825
917 /* Chat & MUC Room */ 826 /* Chat & MUC Room */
918 827
930 overflow: auto; 839 overflow: auto;
931 padding: 5px 15px 5px 15px; 840 padding: 5px 15px 5px 15px;
932 } 841 }
933 842
934 .chatText { 843 .chatText {
935 margin-top: 7px; 844 margin-top: 7px;
936 } 845 }
937 846
938 .chatTextInfo { 847 .chatTextInfo {
939 font-weight: bold; 848 font-weight: bold;
940 font-style: italic; 849 font-style: italic;
941 } 850 }
942 851
943 .chatTextInfo-link { 852 .chatTextInfo-link {
944 font-weight: bold; 853 font-weight: bold;
945 font-style: italic; 854 font-style: italic;
946 cursor: pointer; 855 cursor: pointer;
947 display: inline; 856 display: inline;
948 } 857 }
949 858
950 .chatArea { 859 .chatArea {
951 height:100%; 860 height:100%;
952 width:100%; 861 width:100%;
954 863
955 .chat_text_timestamp { 864 .chat_text_timestamp {
956 font-style: italic; 865 font-style: italic;
957 margin-right: -4px; 866 margin-right: -4px;
958 padding: 1px 3px 1px 3px; 867 padding: 1px 3px 1px 3px;
959 -moz-border-radius: 15px 0 0 15px;
960 -webkit-border-radius: 15px 0 0 15px;
961 border-radius: 15px 0 0 15px; 868 border-radius: 15px 0 0 15px;
962 background-color: #eee; 869 background-color: #eee;
963 color: #888; 870 color: #888;
964 border: 1px solid #ddd; 871 border: 1px solid #ddd;
965 border-right: none; 872 border-right: none;
966 } 873 }
967 874
968 .chat_text_nick { 875 .chat_text_nick {
969 font-weight: bold; 876 font-weight: bold;
970 padding: 1px 3px 1px 3px; 877 padding: 1px 3px 1px 3px;
971 -moz-border-radius: 0 15px 15px 0;
972 -webkit-border-radius: 10 15px 15px 0;
973 border-radius: 0 15px 15px 0; 878 border-radius: 0 15px 15px 0;
974 background-color: #eee; 879 background-color: #eee;
975 color: #b01e1e; 880 color: #b01e1e;
976 border: 1px solid #ddd; 881 border: 1px solid #ddd;
977 border-left: none; 882 border-left: none;
1032 937
1033 .radiocol_status { 938 .radiocol_status {
1034 margin-left: 10px; 939 margin-left: 10px;
1035 margin-right: 10px; 940 margin-right: 10px;
1036 font-weight: bold; 941 font-weight: bold;
1037 color: black; 942 color: black;
1038 } 943 }
1039 944
1040 .radiocol_upload_status_ok { 945 .radiocol_upload_status_ok {
1041 margin-left: 10px; 946 margin-left: 10px;
1042 margin-right: 10px; 947 margin-right: 10px;
1043 font-weight: bold; 948 font-weight: bold;
1044 color: #28F215; 949 color: #28F215;
1045 } 950 }
1046 951
1047 .radiocol_upload_status_ko { 952 .radiocol_upload_status_ko {
1048 margin-left: 10px; 953 margin-left: 10px;
1049 margin-right: 10px; 954 margin-right: 10px;
1050 font-weight: bold; 955 font-weight: bold;
1051 color: #B80000; 956 color: #B80000;
1052 } 957 }
1053 958
1054 /* Drag and drop */ 959 /* Drag and drop */
1055 960
1056 .dragover { 961 .dragover {
1057 background: #cf2828 !important; 962 background: #cf2828 !important;
1058 border-radius: 1em 1em 1em 1em !important; 963 border-radius: 1em 1em 1em 1em !important;
1059 -webkit-border-radius: 1em 1em 1em 1em !important;
1060 -moz-border-radius: 1em 1em 1em 1em !important;
1061 } 964 }
1062 965
1063 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetBody span, .dragover .widgetHeader img { 966 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetBody span, .dragover .widgetHeader img {
1064 background: #cf2828 !important; 967 background: #cf2828 !important;
1065 } 968 }
1066 969
1067 .dragover.widgetHeader { 970 .dragover.widgetHeader {
1068 border-radius: 1em 1em 0 0 !important; 971 border-radius: 1em 1em 0 0 !important;
1069 -webkit-border-radius: 1em 1em 0 0 !important;
1070 -moz-border-radius: 1em 1em 0 0 !important;
1071 } 972 }
1072 973
1073 .dragover.widgetBody { 974 .dragover.widgetBody {
1074 border-radius: 0 0 1em 1em !important; 975 border-radius: 0 0 1em 1em !important;
1075 -webkit-border-radius: 0 0 1em 1em !important;
1076 -moz-border-radius: 0 0 1em 1em !important;
1077 } 976 }
1078 977
1079 /* Warning message */ 978 /* Warning message */
1080 979
1081 .warningPopup { 980 .warningPopup {
1082 font-size: 1em; 981 font-size: 1em;
1083 width: 100%; 982 width: 100%;
1084 height: 26px; 983 height: 26px;
1085 text-align: center; 984 text-align: center;
1086 padding: 5px 0; 985 padding: 5px 0;
1087 border-bottom: 1px solid #444; 986 border-bottom: 1px solid #444;
1088 /*background-color: #fff;
1089 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’fff′, endColorstr=’#ccc’);
1090 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
1091 background: -moz-linear-gradient(top, #fff, #ccc);
1092 background-image: -o-linear-gradient(#fff,#ccc); */
1093
1094 } 987 }
1095 988
1096 .warningTarget { 989 .warningTarget {
1097 font-weight: bold; 990 font-weight: bold;
1098 991
1099 } 992 }
1100 993
1101 .targetPublic { 994 .targetPublic {
1102 background-color: red; /*#cf2828;*/ 995 background-color: red;
1103 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1104 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1105 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1106 background-image: -o-linear-gradient(#cf2828,#981a1a); */
1107 } 996 }
1108 997
1109 .targetGroup { 998 .targetGroup {
1110 background-color: #00FFFB; 999 background-color: #00FFFB;
1111 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’68ba0f′, endColorstr=’#40700d’);
1112 background: -webkit-gradient(linear, left top, left bottom, from(#68ba0f), to(#40700d));
1113 background: -moz-linear-gradient(top, #68ba0f, #40700d);
1114 background-image: -o-linear-gradient(#68ba0f,#40700d); */
1115 } 1000 }
1116 1001
1117 .targetOne2One { 1002 .targetOne2One {
1118 background-color: #66FF00; 1003 background-color: #66FF00;
1119 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
1120 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
1121 background: -moz-linear-gradient(top, #444444, #222222);
1122 background-image: -o-linear-gradient(#444444,#222222);*/
1123 } 1004 }
1124 1005
1125 .targetStatus { 1006 .targetStatus {
1126 background-color: #fff; 1007 background-color: #fff;
1127 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’fff′, endColorstr=’#ccc’);
1128 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
1129 background: -moz-linear-gradient(top, #fff, #ccc);
1130 background-image: -o-linear-gradient(#fff,#ccc); */
1131 } 1008 }
1132 1009
1133 /* Tab panel */ 1010 /* Tab panel */
1134 1011
1135 .liberviaTabPanel { 1012 .liberviaTabPanel {
1137 1014
1138 .gwt-TabPanel { 1015 .gwt-TabPanel {
1139 } 1016 }
1140 1017
1141 .gwt-TabPanelBottom { 1018 .gwt-TabPanelBottom {
1142 height: 100%; 1019 height: 100%;
1143 } 1020 }
1144 1021
1145 .gwt-TabBar { 1022 .gwt-TabBar {
1146 font-weight: bold; 1023 font-weight: bold;
1147 text-decoration: none; 1024 text-decoration: none;
1148 border-bottom: 3px solid #a01c1c; 1025 border-bottom: 3px solid #a01c1c;
1149 } 1026 }
1150 1027
1151 .mainTabPanel .gwt-TabBar { 1028 .mainTabPanel .gwt-TabBar {
1152 z-index: 10; 1029 z-index: 10;
1153 position: fixed; 1030 position: fixed;
1154 bottom: 0; 1031 bottom: 0;
1155 left: 0; 1032 left: 0;
1156 } 1033 }
1157 1034
1158 .gwt-TabBar .gwt-TabBarFirst { 1035 .gwt-TabBar .gwt-TabBarFirst {
1159 height: 100%; 1036 height: 100%;
1160 } 1037 }
1161 1038
1162 .gwt-TabBar .gwt-TabBarRest { 1039 .gwt-TabBar .gwt-TabBarRest {
1163 } 1040 }
1164 1041
1165 .liberviaTabPanel .gwt-TabBar {; 1042 .liberviaTabPanel .gwt-TabBar {;
1166 } 1043 }
1167 1044
1168 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem { 1045 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem {
1169 cursor: pointer; 1046 cursor: pointer;
1170 margin-right: 5px; 1047 margin-right: 5px;
1171 } 1048 }
1172 1049
1173 .liberviaTabPanel .gwt-TabBarItem div { 1050 .liberviaTabPanel .gwt-TabBarItem div {
1174 color: #fff; 1051 color: #fff;
1175 } 1052 }
1176 1053
1177 .liberviaTabPanel .gwt-TabBarItem { 1054 .liberviaTabPanel .gwt-TabBarItem {
1178 color: #444 !important; 1055 color: #444 !important;
1179 background-color: #222; 1056 background-color: #222;
1180 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444′, endColorstr=’#222’); 1057 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
1181 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 1058 background: -webkit-linear-gradient(top, #444, #222);
1182 background: -moz-linear-gradient(top, #444, #222); 1059 background: linear-gradient(to bottom, #444, #222);
1183 background-image: -o-linear-gradient(#444,#222); 1060 -webkit-box-shadow: 0px 1px 4px #000;
1184 box-shadow: 0px 1px 4px #000; 1061 box-shadow: 0px 1px 4px #000;
1185 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1062 padding: 4px 15px 4px 15px;
1186 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1063 border-radius: 1em 1em 0 0;
1187 padding: 4px 15px 4px 15px; 1064 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
1188 border-radius: 1em 1em 0 0;
1189 -webkit-border-radius: 1em 1em 0 0;
1190 -moz-border-radius: 1em 1em 0 0;
1191 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
1192 } 1065 }
1193 1066
1194 .liberviaTabPanel .gwt-TabBarItem-selected { 1067 .liberviaTabPanel .gwt-TabBarItem-selected {
1195 color: #fff; 1068 color: #fff;
1196 background-color: #cf2828; 1069 background-color: #cf2828;
1197 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’); 1070 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1198 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 1071 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
1199 background: -moz-linear-gradient(top, #cf2828, #981a1a); 1072 background: linear-gradient(to bottom, #cf2828, #981a1a);
1200 background-image: -o-linear-gradient(#cf2828,#981a1a); 1073 -webkit-box-shadow: 0px 1px 4px #000;
1201 box-shadow: 0px 1px 4px #000; 1074 box-shadow: 0px 1px 4px #000;
1202 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1075 padding: 4px 15px 4px 15px;
1203 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1076 border-radius: 1em 1em 0 0;
1204 padding: 4px 15px 4px 15px; 1077 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1205 border-radius: 1em 1em 0 0;
1206 -webkit-border-radius: 1em 1em 0 0;
1207 -moz-border-radius: 1em 1em 0 0;
1208 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1209 } 1078 }
1210 1079
1211 .liberviaTabPanel div.gwt-TabBarItem:hover { 1080 .liberviaTabPanel div.gwt-TabBarItem:hover {
1212 color: #fff; 1081 color: #fff;
1213 background-color: #cf2828; 1082 background-color: #cf2828;
1214 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’); 1083 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1215 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 1084 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
1216 background: -moz-linear-gradient(top, #cf2828, #981a1a); 1085 background: linear-gradient(to bottom, #cf2828, #981a1a);
1217 background-image: -o-linear-gradient(#cf2828,#981a1a); 1086 -webkit-box-shadow: 0px 1px 4px #000;
1218 box-shadow: 0px 1px 4px #000; 1087 box-shadow: 0px 1px 4px #000;
1219 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1088 padding: 4px 15px 4px 15px;
1220 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 1089 border-radius: 1em 1em 0 0;
1221 padding: 4px 15px 4px 15px; 1090 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1222 border-radius: 1em 1em 0 0;
1223 -webkit-border-radius: 1em 1em 0 0;
1224 -moz-border-radius: 1em 1em 0 0;
1225 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1226 } 1091 }
1227 1092
1228 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected { 1093 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
1229 cursor: default; 1094 cursor: default;
1230 } 1095 }
1231 1096
1232 .globalLeftArea { 1097 .globalLeftArea {
1233 margin-top: 9px; 1098 margin-top: 9px;
1234 } 1099 }
1239 .selected_widget .widgetHeader { 1104 .selected_widget .widgetHeader {
1240 /* this property is set when a widget is the current target of the uniBox 1105 /* this property is set when a widget is the current target of the uniBox
1241 * (messages entered in unibox will be sent to this widget) 1106 * (messages entered in unibox will be sent to this widget)
1242 */ 1107 */
1243 background-color: #cf2828; 1108 background-color: #cf2828;
1244 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 1109 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1245 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 1110 background: -webkit-linear-gradient(top, #cf2828, #981a1a);
1246 background: -moz-linear-gradient(top, #cf2828, #981a1a); 1111 background: linear-gradient(to bottom, #cf2828, #981a1a);
1247 background-image: -o-linear-gradient(#cf2828,#981a1a);
1248 } 1112 }
1249 1113
1250 .infoFrame { 1114 .infoFrame {
1251 position: relative; 1115 position: relative;
1252 width: 100%; 1116 width: 100%;
1321 font-size: larger; 1185 font-size: larger;
1322 white-space: pre; 1186 white-space: pre;
1323 } 1187 }
1324 1188
1325 .richTextSyntaxLabel { 1189 .richTextSyntaxLabel {
1326 text-align: right; 1190 text-align: right;
1327 margin: 14px 0px 0px 14px; 1191 margin: 14px 0px 0px 14px;
1328 font-size: 12px; 1192 font-size: 12px;
1329 } 1193 }
1330 1194
1331 .richTextToolButton { 1195 .richTextToolButton {
1332 cursor: pointer; 1196 cursor: pointer;
1333 width:26px; 1197 width:26px;
1334 height:26px; 1198 height:26px;
1335 vertical-align: middle; 1199 vertical-align: middle;
1336 margin: 2px 1px; 1200 margin: 2px 1px;
1337 border-radius: 5px 5px 5px 5px; 1201 border-radius: 5px 5px 5px 5px;
1338 -webkit-border-radius: 5px 5px 5px 5px; 1202 -webkit-box-shadow: 0px 1px 4px #000;
1339 -moz-border-radius: 5px 5px 5px 5px;
1340 box-shadow: 0px 1px 4px #000; 1203 box-shadow: 0px 1px 4px #000;
1341 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 1204 border: none;
1342 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 1205 -webkit-transition: color 0.2s linear;
1343 border: none; 1206 transition: color 0.2s linear;
1344 -webkit-transition: color 0.2s linear;
1345 -moz-transition: color 0.2s linear;
1346 -o-transition: color 0.2s linear;
1347 } 1207 }
1348 1208
1349 .richTextIcon { 1209 .richTextIcon {
1350 width:16px; 1210 width:16px;
1351 height:16px; 1211 height:16px;
1353 } 1213 }
1354 1214
1355 /* Recipients panel */ 1215 /* Recipients panel */
1356 1216
1357 .recipientButtonCell { 1217 .recipientButtonCell {
1358 width:55px; 1218 width:55px;
1359 } 1219 }
1360 1220
1361 .recipientTypeMenu { 1221 .recipientTypeMenu {
1362 } 1222 }
1363 1223
1364 .recipientTypeItem { 1224 .recipientTypeItem {
1365 cursor: pointer; 1225 cursor: pointer;
1366 border-radius: 5px; 1226 border-radius: 5px;
1367 width: 50px; 1227 width: 50px;
1368 } 1228 }
1369 1229
1370 .recipientPanel { 1230 .recipientPanel {
1371 } 1231 }
1372 1232
1373 .recipientTextBox { 1233 .recipientTextBox {
1374 cursor: pointer; 1234 cursor: pointer;
1375 width: auto; 1235 width: auto;
1376 border-radius: 5px 5px 5px 5px; 1236 border-radius: 5px 5px 5px 5px;
1377 -webkit-border-radius: 5px 5px 5px 5px; 1237 -webkit-box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
1378 -moz-border-radius: 5px 5px 5px 5px;
1379 box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6); 1238 box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
1380 -webkit-box-shadow:inset 0 1px 4px rgba(135, 179, 255, 0.6);
1381 -moz-box-shadow:inset 0 1px 4px rgba(135, 179, 255, 0.6);
1382 padding: 2px 1px; 1239 padding: 2px 1px;
1383 margin: 0px; 1240 margin: 0px;
1384 color: #444; 1241 color: #444;
1385 font-size: 1em; 1242 font-size: 1em;
1386 } 1243 }
1387 1244
1388 .recipientTextBox-invalid { 1245 .recipientTextBox-invalid {
1246 -webkit-box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
1389 box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6); 1247 box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
1390 -webkit-box-shadow:inset 0 1px 4px rgba(255, 0, 0, 0.6);
1391 -moz-box-shadow:inset 0 1px 4px rgba(255, 0, 0, 0.6);
1392 border: 1px solid rgb(255, 0, 0); 1248 border: 1px solid rgb(255, 0, 0);
1393 } 1249 }
1394 1250
1395 .recipientRemoveButton { 1251 .recipientRemoveButton {
1396 margin: 0px 10px 0px 0px; 1252 margin: 0px 10px 0px 0px;
1397 padding: 0px; 1253 padding: 0px;
1398 border: 1px dashed red; 1254 border: 1px dashed red;
1399 border-radius: 5px 5px 5px 5px; 1255 border-radius: 5px 5px 5px 5px;
1400 } 1256 }
1401 1257
1402 .recipientRemoveIcon { 1258 .recipientRemoveIcon {
1403 color: red; 1259 color: red;
1404 width:15px; 1260 width:15px;
1405 height:15px; 1261 height:15px;
1406 vertical-align: baseline; 1262 vertical-align: baseline;
1407 } 1263 }
1408 1264
1409 .dragover-recipientPanel { 1265 .dragover-recipientPanel {
1410 border-radius: 5px; 1266 border-radius: 5px;
1411 background: none repeat scroll 0% 0% rgb(135, 179, 255); 1267 background: none repeat scroll 0% 0% rgb(135, 179, 255);
1412 border: 1px dashed rgb(35,79,255); 1268 border: 1px dashed rgb(35,79,255);
1413 } 1269 }
1414 1270
1415 .recipientSpacer { 1271 .recipientSpacer {
1425 } 1281 }
1426 1282
1427 /* Contact group manager */ 1283 /* Contact group manager */
1428 1284
1429 .contactGroupEditor { 1285 .contactGroupEditor {
1430 width: 800px; 1286 width: 800px;
1431 max-width:800px; 1287 max-width:800px;
1432 min-width: 800px; 1288 min-width: 800px;
1433 margin-top: 9px; 1289 margin-top: 9px;
1434 margin-left:18px; 1290 margin-left:18px;
1435 } 1291 }
1436 1292
1437 .contactGroupRemoveButton { 1293 .contactGroupRemoveButton {
1438 margin: 0px 10px 0px 0px; 1294 margin: 0px 10px 0px 0px;
1439 padding: 0px; 1295 padding: 0px;
1440 border: 1px dashed red; 1296 border: 1px dashed red;
1441 border-radius: 5px 5px 5px 5px; 1297 border-radius: 5px 5px 5px 5px;
1442 } 1298 }
1443 1299
1444 .addContactGroupPanel { 1300 .addContactGroupPanel {
1445 1301
1446 } 1302 }
1447 1303
1448 .contactGroupPanel { 1304 .contactGroupPanel {
1449 vertical-align:middle; 1305 vertical-align:middle;
1450 } 1306 }
1451 1307
1452 .toggleAssignedContacts { 1308 .toggleAssignedContacts {
1453 white-space: nowrap; 1309 white-space: nowrap;
1454 } 1310 }
1460 } 1316 }
1461 1317
1462 /* Room and contacts chooser */ 1318 /* Room and contacts chooser */
1463 1319
1464 .room-contact-chooser { 1320 .room-contact-chooser {
1465 width:380px; 1321 width:380px;
1466 } 1322 }
1467 1323
1468 /* StackPanel */ 1324 /* StackPanel */
1469 1325
1470 .gwt-StackPanel { 1326 .gwt-StackPanel {
1471 } 1327 }
1472 1328
1473 .gwt-StackPanel .gwt-StackPanelItem { 1329 .gwt-StackPanel .gwt-StackPanelItem {
1474 background-color: #222; 1330 background-color: #222;
1475 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
1476 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222)); 1331 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
1477 background: -moz-linear-gradient(top, #444444, #222222); 1332 background: -webkit-linear-gradient(top, #444444, #222222);
1478 background-image: -o-linear-gradient(#444444,#222222); 1333 background: linear-gradient(to bottom, #444444, #222222);
1479 text-decoration: none; 1334 text-decoration: none;
1480 font-weight: bold; 1335 font-weight: bold;
1481 height: 100%; 1336 height: 100%;
1482 color: #e7e5e5; 1337 color: #e7e5e5;
1483 padding: 3px 15px; 1338 padding: 3px 15px;
1484 /*display: block;*/
1485 border-radius: 1em 1em 1em 1em; 1339 border-radius: 1em 1em 1em 1em;
1486 -webkit-border-radius: 1em 1em 1em 1em; 1340 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
1487 -moz-border-radius: 1em 1em 1em 1em;
1488 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
1489 -webkit-transition: color 0.2s linear; 1341 -webkit-transition: color 0.2s linear;
1490 -moz-transition: color 0.2s linear; 1342 transition: color 0.2s linear;
1491 -o-transition: color 0.2s linear;
1492 } 1343 }
1493 1344
1494 .gwt-StackPanel .gwt-StackPanelItem:hover { 1345 .gwt-StackPanel .gwt-StackPanelItem:hover {
1495 background-color: #eee; 1346 background-color: #eee;
1496 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
1497 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 1347 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
1498 background: -moz-linear-gradient(top, #eee, #aaa); 1348 background: -webkit-linear-gradient(top, #eee, #aaa);
1499 background-image: -o-linear-gradient(#eee,#aaa); 1349 background: linear-gradient(to bottom, #eee, #aaa);
1500 color: #444; 1350 color: #444;
1501 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 1351 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
1502 cursor: pointer; 1352 cursor: pointer;
1503 } 1353 }
1504 1354
1505 .gwt-StackPanel .gwt-StackPanelItem-selected { 1355 .gwt-StackPanel .gwt-StackPanelItem-selected {
1506 background-color: #eee; 1356 background-color: #eee;
1507 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
1508 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 1357 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
1509 background: -moz-linear-gradient(top, #eee, #aaa); 1358 background: -webkit-linear-gradient(top, #eee, #aaa);
1510 background-image: -o-linear-gradient(#eee,#aaa); 1359 background: linear-gradient(to bottom, #eee,#aaa);
1511 color: #444; 1360 color: #444;
1512 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 1361 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
1513 cursor: pointer; 1362 cursor: pointer;
1514 } 1363 }
1515 1364
1517 1366
1518 .gwt-CaptionPanel { 1367 .gwt-CaptionPanel {
1519 overflow: auto; 1368 overflow: auto;
1520 background-color: #fff; 1369 background-color: #fff;
1521 border-radius: 5px 5px 5px 5px; 1370 border-radius: 5px 5px 5px 5px;
1522 -webkit-border-radius: 5px 5px 5px 5px; 1371 padding: 3px 5px 3px 5px;
1523 -moz-border-radius: 5px 5px 5px 5px; 1372 margin: 10px 5px 10px 5px;
1524 padding: 3px 5px 3px 5px; 1373 color: #444;
1525 margin: 10px 5px 10px 5px; 1374 font-size: 1em;
1526 color: #444; 1375 border: solid 1px gray;
1527 font-size: 1em;
1528 border: solid 1px gray;
1529 } 1376 }
1530 1377
1531 /* Radio buttons */ 1378 /* Radio buttons */
1532 1379
1533 .gwt-RadioButton { 1380 .gwt-RadioButton {
1534 white-space: nowrap; 1381 white-space: nowrap;
1535 } 1382 }
1536 1383
1537 [contenteditable="true"] { 1384 [contenteditable="true"] {
1538 } 1385 }
1539 1386