Mercurial > libervia-web

comparison src/browser/public/libervia.css @ 449:981ed669d3b3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
/!\ reorganize all the file hierarchy, move the code and launching script to src: - browser_side --> src/browser - public --> src/browser_side/public - libervia.py --> src/browser/libervia_main.py - libervia_server --> src/server - libervia_server/libervia.sh --> src/libervia.sh - twisted --> src/twisted - new module src/common - split constants.py in 3 files: - src/common/constants.py - src/browser/constants.py - src/server/constants.py - output --> html (generated by pyjsbuild during the installation) - new option/parameter "data_dir" (-d) to indicates the directory containing html and server_css - setup.py installs libervia to the following paths: - src/common --> <LIB>/libervia/common - src/server --> <LIB>/libervia/server - src/twisted --> <LIB>/twisted - html --> <SHARE>/libervia/html - server_side --> <SHARE>libervia/server_side - LIBERVIA_INSTALL environment variable takes 2 new options with prompt confirmation: - clean: remove previous installation directories - purge: remove building and previous installation directories You may need to update your sat.conf and/or launching script to update the following options/parameters: - ssl_certificate - data_dir
author souliane <souliane@mailoo.org>
date Tue, 20 May 2014 06:41:16 +0200
parents public/libervia.css@17259c2ff96f
children 41aae13cab2b
comparison
equal deleted inserted replaced
448:14c35f7f1ef5 449:981ed669d3b3
1 /*
2 Libervia: a Salut à Toi frontend
3 Copyright (C) 2011, 2012, 2013, 2014 Jérôme Poisson <goffi@goffi.org>
4 Copyright (C) 2011 Adrien Vigneron <adrienvigneron@mailoo.org>
5
6 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 the Free Software Foundation, either version 3 of the License, or
9 (at your option) any later version.
10
11 This program is distributed in the hope that it will be useful,
12 but WITHOUT ANY WARRANTY; without even the implied warranty of
13 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 GNU Affero General Public License for more details.
15
16 You should have received a copy of the GNU Affero General Public License
17 along with this program. If not, see <http://www.gnu.org/licenses/>.
18 */
19
20
21 /*
22 * CSS Reset: see http://pyjs.org/wiki/csshellandhowtodealwithit/
23 */
24
25 /* reset/default styles */
26
27 html, body, div, span, applet, object, iframe,
28 p, blockquote, pre,
29 a, abbr, acronym, address, big, cite, code,
30 del, dfn, em, font, img, ins, kbd, q, s, samp,
31 small, strike, strong, sub, sup, tt, var,
32 b, u, i, center, dl, dt, dd, li,
33 fieldset, form, label, legend, table, caption,
34 tbody, tfoot, thead, tr, th, td {
35 margin: 0;
36 padding: 0;
37 border: 0;
38 outline: 0;
39 font-size: 100%;
40 vertical-align: baseline;
41 background: transparent;
42 color: #444;
43 }
44
45 /* styles for displaying rich text - START */
46 h1, h2, h3, h4, h5, h6 {
47 margin: 0;
48 padding: 0;
49 border: 0;
50 outline: 0;
51 vertical-align: baseline;
52 background: transparent;
53 color: #444;
54 border-bottom: 1px solid rgb(170, 170, 170);
55 margin-bottom: 0.6em;
56 }
57 ol, ul {
58 margin: 0;
59 border: 0;
60 outline: 0;
61 font-size: 100%;
62 vertical-align: baseline;
63 background: transparent;
64 color: #444;
65 }
66 a:link {
67 color: blue;
68 }
69 .bubble p {
70 margin: 0.4em 0em;
71 }
72 .bubble img {
73 /* /!\ setting a max-width percentage value affects the toolbar icons */
74 max-width: 600px;
75 }
76
77 /* styles for displaying rich text - END */
78
79 blockquote, q { quotes: none; }
80
81 blockquote:before, blockquote:after,
82 q:before, q:after {
83 content: '';
84 content: none;
85 }
86
87 :focus { outline: 0; }
88 ins { text-decoration: none; }
89 del { text-decoration: line-through; }
90
91 table {
92 border-collapse: collapse;
93 border-spacing: 0;
94 }
95
96 /* pyjamas iframe hide */
97 iframe { position: absolute; }
98
99
100 html, body {
101 width: 100%;
102 height: 100%;
103 min-height: 100%;
104
105 }
106
107 body {
108 line-height: 1em;
109 font-size: 1em;
110 overflow: auto;
111
112 }
113
114 .scrollpanel {
115 margin-bottom: -10000px;
116
117 }
118
119 .iescrollpanelfix {
120 position: relative;
121 top: 100%;
122 margin-bottom: -10000px;
123
124 }
125
126 /* undo part of the above (non-IE) */
127 html>body .iescrollpanelfix { position: static; }
128
129 /* CSS Reset END */
130
131 body {
132 background-color: #fff;
133 font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
134 }
135
136 .header {
137 background-color: #eee;
138 border-bottom: 1px solid #ddd;
139 }
140
141 /* Misc Pyjamas stuff */
142
143 .menuContainer {
144 margin: 0 32px 0 20px;
145 }
146
147 .gwt-MenuBar,.gwt-MenuBar-horizontal {
148 /*background-color: #01FF78;
149 border: 1px solid #87B3FF;
150 cursor: default;*/
151 width: 100%;
152 height: 28px;
153 margin: 0;
154 padding: 5px 5px 0 5px;
155 line-height: 100%;
156 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;
160 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;
164 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
165 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
166 background: -moz-linear-gradient(top, #444444, #222222);
167 background-image: -o-linear-gradient(#444444,#222222);
168 display: inline-block;
169 }
170
171 .gwt-MenuBar-horizontal .gwt-MenuItem {
172 text-decoration: none;
173 font-weight: bold;
174 height: 100%;
175 color: #e7e5e5;
176 padding: 3px 15px;
177 /*display: block;*/
178 border-radius: 1em 1em 1em 1em;
179 -webkit-border-radius: 1em 1em 1em 1em;
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;
183 -moz-transition: color 0.2s linear;
184 -o-transition: color 0.2s linear;
185 }
186
187 .gwt-MenuItem img {
188 padding-right: 2px;
189 }
190
191 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
192 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));
195 background: -moz-linear-gradient(top, #eee, #aaa);
196 background-image: -o-linear-gradient(#eee,#aaa);
197 color: #444;
198 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
199 cursor: pointer;
200 }
201
202 .menuSeparator {
203 width: 100%;
204 }
205
206 .menuSeparator.gwt-MenuItem-selected {
207 border: 0;
208 background: inherit;
209 cursor: default;
210 }
211
212 .gwt-MenuBar {
213 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));
216 background: -moz-linear-gradient(top, #fff, #ccc);
217 background-image: -o-linear-gradient(#fff,#ccc);
218 /*display: none;*/
219 height: 100%;
220 min-width: 148px;
221 margin: 0;
222 padding: 0;
223 /*min-width: 148px;
224 top: 28px;*/
225 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;
229 -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);
232 }
233
234 .gwt-MenuBar table {
235 width: 100%;
236 display: inline-table;
237 }
238
239 .gwt-MenuBar .gwt-MenuItem {
240 padding: 8px 15px;
241 }
242
243
244 .gwt-MenuBar .gwt-MenuItem-selected {
245 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;
248 background: -moz-linear-gradient(top, #cf2828, #981a1a) !important;
249 background-image: -o-linear-gradient(#cf2828,#981a1a) !important;
250 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;
254 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);
255 transition: color 0.2s linear;
256 -webkit-transition: color 0.2s linear;
257 -moz-transition: color 0.2s linear;
258 -o-transition: color 0.2s linear;
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
268 .gwt-MenuBar tr:last-child td {
269 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 }
273
274
275 .menuLastPopup .gwt-MenuBar {
276 border-top-right-radius: 9px 9px 9px 9px;
277 -webkit-border-top-right-radius: 9px 9px 9px 9px;
278 -moz-border-top-right-radius: 9px 9px 9px 9px;
279 }
280
281 .gwt-AutoCompleteTextBox {
282 width: 80%;
283 border: 1px solid #87B3FF;
284 margin-top: 20px;
285 }
286 .gwt-DialogBox {
287 padding: 10px;
288 border: 1px solid #aaa;
289 background-color: #fff;
290 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
291 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
292 background: -moz-linear-gradient(top, #fff, #ccc);
293 background-image: -o-linear-gradient(#fff,#ccc);
294 border-radius: 9px 9px 9px 9px;
295 -webkit-border-radius: 9px 9px 9px 9px;
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 }
301
302 .gwt-DialogBox .Caption {
303 height: 20px;
304 font-size: 1.3em !important;
305 background-color: #cf2828;
306 background: #cf2828 !important;
307 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828’, endColorstr=’#981a1a’);
308 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)) !important;
309 background: -moz-linear-gradient(top, #cf2828, #981a1a) !important;
310 background-image: -o-linear-gradient(#cf2828,#981a1a);
311 color: #fff;
312 padding: 3px 3px 4px 3px;
313 margin: -10px;
314 margin-bottom: 5px;
315 font-weight: bold;
316 cursor: default;
317 text-align: center;
318 border-radius: 7px 7px 0 0;
319 -webkit-border-radius: 7px 7px 0 0;
320 -moz-border-radius: 7px 7px 0 0;
321 }
322
323 /*DIALOG: button, listbox, textbox, label */
324
325 .gwt-DialogBox .gwt-button {
326 background-color: #ccc;
327 border-radius: 5px 5px 5px 5px;
328 -webkit-border-radius: 5px 5px 5px 5px;
329 -moz-border-radius: 5px 5px 5px 5px;
330 box-shadow: 0px 1px 4px #000;
331 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
332 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
333 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’);
334 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
335 background: -moz-linear-gradient(top, #444, #222);
336 background-image: -o-linear-gradient(#444,#222);
337 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
338 padding: 3px 5px 3px 5px;
339 margin: 10px 5px 10px 5px;
340 color: #fff;
341 font-weight: bold;
342 font-size: 1em;
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 }
348
349 .gwt-DialogBox .gwt-button:hover {
350 background-color: #cf2828;
351 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
352 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
353 background: -moz-linear-gradient(top, #cf2828, #981a1a);
354 background-image: -o-linear-gradient(#cf2828,#981a1a);
355 color: #fff;
356 text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
357 }
358
359 .gwt-DialogBox .gwt-TextBox {
360 background-color: #fff;
361 border-radius: 5px 5px 5px 5px;
362 -webkit-border-radius: 5px 5px 5px 5px;
363 -moz-border-radius: 5px 5px 5px 5px;
364 box-shadow:inset 0px 1px 4px #000;
365 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6);
366 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6);
367 padding: 3px 5px 3px 5px;
368 margin: 10px 5px 10px 5px;
369 color: #444;
370 font-size: 1em;
371 border: none;
372 }
373
374 .gwt-DialogBox .gwt-ListBox {
375 overflow: auto;
376 width: 100%;
377 background-color: #fff;
378 border-radius: 5px 5px 5px 5px;
379 -webkit-border-radius: 5px 5px 5px 5px;
380 -moz-border-radius: 5px 5px 5px 5px;
381 box-shadow:inset 0px 1px 4px #000;
382 -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6);
383 -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.6);
384 padding: 3px 5px 3px 5px;
385 margin: 10px 5px 10px 5px;
386 color: #444;
387 font-size: 1em;
388 border: none;
389 }
390
391 .gwt-DialogBox .gwt-Label {
392 margin-top: 13px;
393 }
394
395 /* Custom Dialogs */
396
397 .formWarning { /* used when a form is not valid and must be corrected before submission */
398 font-weight: bold;
399 color: red !important;
400 }
401
402 .contactsChooser {
403 text-align: center;
404 margin:auto;
405 cursor: pointer;
406 }
407
408 .infoDialogBody {
409 width: 100%;
410 height: 100%
411 }
412 /* Contact List */
413
414 div.contactBox {
415 width: 100%;
416 /* 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
418 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
420 with other browsers... the panel should of course not be displayed on 100px
421 but exactly fit the contacts box.
422 */
423 max-height: 100px;
424 }
425
426 .contactTitle {
427 color: #cf2828;
428 font-size: 1.7em;
429 text-indent: 5px;
430 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
431 width: 200px;
432 height: 30px;
433 }
434
435 .contactsSwitch {
436 /* Button used to switch contacts panel */
437 background: none;
438 border: 0;
439 padding: 0;
440 font-size: large;
441 }
442
443 .groupList {
444 width: 100%;
445 }
446
447 .groupList tr:first-child td {
448 padding-top: 10px;
449 }
450
451 .group {
452 padding: 2px 15px;
453 margin: 5px;
454 display: inline-block;
455 text-decoration: none;
456 font-weight: bold;
457 color: #e7e5e5;
458 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
459 border-radius: 1em 1em 1em 1em;
460 -webkit-border-radius: 1em 1em 1em 1em;
461 -moz-border-radius: 1em 1em 1em 1em;
462 background-color: #eee;
463 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa&#888;);
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;
468 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
469 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 }
473
474 div.group:hover {
475 color: #fff;
476 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
477 background-color: #cf2828;
478 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
479 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
480 background: -moz-linear-gradient(top, #cf2828, #981a1a);
481 background-image: -o-linear-gradient(#cf2828,#981a1a);
482 -webkit-transition: color 0.1s linear;
483 -moz-transition: color 0.1s linear;
484 -o-transition: color 0.1s linear;
485 }
486 .contact {
487 font-size: 1em;
488 margin-top: 3px;
489 padding: 3px 10px 3px 10px;
490 }
491
492 .contact-menu-selected {
493 font-size: 1em;
494 margin-top: 3px;
495 padding: 3px 10px 3px 10px;
496 border-radius: 5px;
497 background-color: rgb(175, 175, 175);
498 }
499
500 /* START - contact presence status */
501 .contact-connected {
502 color: #3c7e0c;
503 font-weight: bold;
504 }
505 .contact-unavailable {
506 }
507 .contact-chat {
508 color: #3c7e0c;
509 font-weight: bold;
510 }
511 .contact-away {
512 color: brown;
513 font-weight: bold;
514 }
515 .contact-dnd {
516 color: red;
517 font-weight: bold;
518 }
519 .contact-xa {
520 color: red;
521 font-weight: bold;
522 }
523 /* END - contact presence status */
524
525 .selected {
526 color: #fff;
527 background-color: #cf2828;
528 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
529 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
530 background: -moz-linear-gradient(top, #cf2828, #981a1a);
531 background-image: -o-linear-gradient(#cf2828,#981a1a);
532 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;
536 -moz-transition: color 0.2s linear;
537 -o-transition: color 0.2s linear;
538 }
539
540 .messageBox {
541 width: 100%;
542 padding: 5px;
543 border: 1px solid #bbb;
544 color: #444;
545 background: #fff url('media/libervia/unibox_2.png') top bottom no-repeat;
546 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;
550 height: 25px;
551 margin: 0px;
552 }
553
554 /* UniBox & Status */
555
556 .uniBoxPanel {
557 margin: 15px 22px 0 22px;
558 }
559
560 .uniBox {
561 width: 100%;
562 height: 45px;
563 padding: 5px;
564 border: 1px solid #bbb;
565 color: #444;
566 background: #fff url('media/libervia/unibox_2.png') top right no-repeat;
567 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 }
571
572 .uniBoxButton {
573 width:30px;
574 height:45px;
575 }
576
577 .statusPanel {
578 margin: auto;
579 text-align: center;
580 width: 100%;
581 padding: 5px 0px;
582 text-shadow: 0 -1px 1px rgba(255,255,255,0.25);
583 font-size: 1.2em;
584 background-color: #eee;
585 font-style: italic;
586 font-weight: bold;
587 color: #666;
588 cursor: pointer;
589 }
590
591 .presence-button {
592 font-size: x-large;
593 padding-right: 5px;
594 cursor: pointer;
595 }
596
597 /* RegisterBox */
598
599 .registerPanel_main button {
600 margin: 0;
601 padding: 0;
602 border: 0;
603 }
604
605 .registerPanel_main div, .registerPanel_main button {
606 color: #fff;
607 text-decoration: none;
608 }
609
610 .registerPanel_main{
611 height: 100%;
612 border: 5px solid #222;
613 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 }
617
618 .registerPanel_tabs .gwt-Label {
619 margin: 15px 7.5px 0px 7.5px;
620 cursor: pointer;
621 font-size: larger;
622 }
623
624 .registerPanel_tabs .gwt-TabBarItem div {
625 color: #444;
626 padding: 5px 7.5px;
627 border-radius: 5px 5px 0px 5px;
628 box-shadow: inset 0px 0px 2px 1px #9F2828;
629 }
630
631 .registerPanel_tabs .gwt-TabBarItem div:hover {
632 color: #fff;
633 box-shadow: inset 0px 0px 2px 2px #9F2828;
634 }
635
636 .registerPanel_tabs .gwt-TabBarItem-selected div {
637 color: #fff;
638 box-shadow: inset 0px 0px 2px 2px #9F2828;
639 }
640
641 .registerPanel_tabs .gwt-TabBarRest {
642 border-bottom: 1px #3F1818 dashed;
643 }
644
645 .registerPanel_right_side {
646 background: #111 url('media/libervia/register_right.png');
647 height: 100%;
648 width: 100%;
649 }
650 .registerPanel_content {
651 margin-left: 50px;
652 margin-top: 30px;
653 }
654
655 .registerPanel_content div {
656 font-size: 1em;
657 margin-left: 10px;
658 margin-top: 15px;
659 font-style: bold;
660 color: #888;
661 }
662
663 .registerPanel_content input {
664 height: 25px;
665 line-height: 25px;
666 width: 200px;
667 text-indent: 11px;
668
669 background: #000;
670 color: #aaa;
671 border: 1px solid #222;
672 border-radius: 15px 15px 15px 15px;
673 -webkit-border-radius: 15px 15px 15px 15px;
674 -moz-border-radius: 15px 15px 15px 15px;
675 }
676
677 .registerPanel_content input:focus {
678 border: 1px solid #444;
679 }
680
681
682 .registerPanel_content .button, .registerPanel_content .button:visited {
683 background: #222 url('media/libervia/gradient.png') repeat-x;
684 display: inline-block;
685 text-decoration: none;
686 border-radius: 6px 6px 6px 6px;
687 -moz-border-radius: 6px 6px 6px 6px;
688 -webkit-border-radius: 6px 6px 6px 6px;
689 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
690 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
691 border-bottom: 1px solid rgba(0,0,0,0.25);
692 cursor: pointer;
693 margin-top: 30px;
694 }
695
696 /* Fix for Opera */
697 .button, .button:visited {
698 border-radius: 6px 6px 6px 6px !important;
699 }
700
701 .registerPanel_content .button:hover { background-color: #111; color: #fff; }
702 .registerPanel_content .button:active { top: 1px; }
703 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 1em; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; }
704 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; }
705 .registerPanel_content .red.button:hover { background-color: #bc0000; }
706
707 /* Widgets */
708
709 .widgetsPanel td {
710 vertical-align: top;
711 }
712
713 .widgetsPanel > div > table {
714 border-collapse: separate !important;
715 border-spacing: 7px;
716 }
717
718 .widgetHeader {
719 margin: auto;
720 height: 25px;
721 /*border: 1px solid #ddd;*/
722 border-radius: 10px 10px 0 0;
723 -webkit-border-radius: 10px 10px 0 0;
724 -moz-border-radius: 10px 10px 0 0;
725 background-color: #222;
726 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’);
727 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
728 background: -moz-linear-gradient(top, #444, #222);
729 background-image: -o-linear-gradient(#444,#222);
730 }
731
732 .widgetHeader_title {
733 color: #fff;
734 font-weight: bold;
735 text-align: left;
736 text-indent: 15px;
737 margin-top: 4px;
738 }
739
740 .widgetHeader_buttonsWrapper {
741 position: absolute;
742 top: 0;
743 height: 100%;
744 width: 100%;
745 }
746
747 .widgetHeader_buttonGroup {
748 float: right;
749 }
750
751 .widgetHeader_buttonGroup img {
752 background-color: transparent;
753 width: 25px;
754 height: 20px;
755 padding-top: 2px;
756 padding-bottom: 3px;
757 border-left: 1px solid #666;
758 border-top: 0;
759 border-radius: 0 10px 0 0;
760 -webkit-border-radius: 0 10px 0 0;
761 -moz-border-radius: 0 10px 0 0;
762 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’);
763 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
764 background: -moz-linear-gradient(top, #555, #333);
765 background-image: -o-linear-gradient(#555,#333);
766 }
767
768 .widgetHeader_closeButton {
769 border-radius: 0 10px 0 0 !important;
770 -webkit-border-radius: 0 10px 0 0 !important;
771 -moz-border-radius: 0 10px 0 0 !important;
772 }
773
774 .widgetHeader_settingButton {
775 border-radius: 0 0 0 0 !important;
776 -webkit-border-radius: 0 0 0 0 !important;
777 -moz-border-radius: 0 0 0 0 !important;
778 }
779
780 .widgetHeader_buttonGroup img:hover {
781 background-color: #cf2828;
782 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
783 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
784 background: -moz-linear-gradient(top, #cf2828, #981a1a);
785 background-image: -o-linear-gradient(#cf2828,#981a1a);
786 }
787
788 .widgetBody {
789 border-radius: 0 0 10px 10px;
790 -webkit-border-radius: 0 0 10px 10px;
791 -moz-border-radius: 0 0 10px 10px;
792 background-color: #fff;
793 min-width: 200px;
794 min-height: 150px;
795 box-shadow:inset 0px 0 1px #444;
796 -webkit-box-shadow:inset 0 0 1px #444;
797 -moz-box-shadow:inset 0 0 1px #444;
798 }
799
800 /* BorderWidgets */
801
802 .bottomBorderWidget {
803 height: 10px !important;
804 }
805
806 .leftBorderWidget, .rightBorderWidget {
807 width: 10px !important;
808 }
809
810 /* Microblog */
811
812 .microblogPanel {
813 /* margin: auto;
814 width: 95% !important;*/
815 width: 100%;
816 }
817
818 .microblogNewButton {
819 width: 100%;
820 height: 35px;
821 }
822
823 .subPanel {
824 }
825
826 .subpanel .mb_entry {
827 padding-left: 65px;
828 }
829
830 .mb_entry {
831 min-height: 64px;
832 }
833
834 .mb_entry_header
835 {
836 cursor: pointer;
837 }
838
839 .selected_widget .selected_entry .mb_entry_header
840 {
841 background: #cf2828;
842 }
843
844 .mb_entry_author {
845 font-weight: bold;
846 padding-left: 5px;
847 }
848
849 .mb_entry_avatar {
850 float: left;
851 }
852
853 .mb_entry_avatar img {
854 width: 48px;
855 height: 48px;
856 padding: 8px;
857 }
858
859 .mb_entry_dialog {
860 float: left;
861 min-height: 54px;
862 padding: 5px 20px 5px 20px;
863 border-collapse: separate; # for the bubble queue since the entry dialog is now a HorizontalPanel
864 }
865
866 .bubble {
867 position: relative;
868 padding: 15px;
869 margin: 2px;
870 -webkit-border-radius:10px;
871 -moz-border-radius:10px;
872 border-radius:10px;
873 background: #EDEDED;
874 border-color: #C1C1C1;
875 border-width: 1px;
876 border-style: solid;
877 display: block;
878 border-collapse: separate;
879 min-height: 15px; # for the bubble queue to be aligned when the bubble is empty
880 }
881
882 .bubble:after {
883 background: transparent url('media/libervia/bubble_after.png') top right no-repeat;
884 border: none;
885 content: "";
886 position: absolute;
887 bottom: auto;
888 left: -20px;
889 top: 16px;
890 display: block;
891 height: 20;
892 width: 20;
893 }
894
895 .bubble textarea{
896 width: 100%;
897 }
898
899 .mb_entry_timestamp {
900 font-style: italic;
901 }
902
903 .mb_entry_actions {
904 float: right;
905 margin: 5px;
906 cursor: pointer;
907 font-size: large;
908 }
909
910 .mb_entry_action_larger {
911 font-size: x-large;
912 }
913
914 .mb_entry_toggle_syntax {
915 cursor: pointer;
916 text-align: right;
917 display: block;
918 position: relative;
919 top: -20px:
920 left: -20px;
921 }
922
923 /* Chat & MUC Room */
924
925 .chatPanel {
926 height: 100%;
927 width: 100%;
928 }
929
930 .chatPanel_body {
931 height: 100%;
932 width: 100%;
933 }
934
935 .chatContent {
936 overflow: auto;
937 padding: 5px 15px 5px 15px;
938 }
939
940 .chatText {
941 margin-top: 7px;
942 }
943
944 .chatTextInfo {
945 font-weight: bold;
946 font-style: italic;
947 }
948
949 .chatTextInfo-link {
950 font-weight: bold;
951 font-style: italic;
952 cursor: pointer;
953 display: inline;
954 }
955
956 .chatArea {
957 height:100%;
958 width:100%;
959 }
960
961 .chat_text_timestamp {
962 font-style: italic;
963 margin-right: -4px;
964 padding: 1px 3px 1px 3px;
965 -moz-border-radius: 15px 0 0 15px;
966 -webkit-border-radius: 15px 0 0 15px;
967 border-radius: 15px 0 0 15px;
968 background-color: #eee;
969 color: #888;
970 border: 1px solid #ddd;
971 border-right: none;
972 }
973
974 .chat_text_nick {
975 font-weight: bold;
976 padding: 1px 3px 1px 3px;
977 -moz-border-radius: 0 15px 15px 0;
978 -webkit-border-radius: 10 15px 15px 0;
979 border-radius: 0 15px 15px 0;
980 background-color: #eee;
981 color: #b01e1e;
982 border: 1px solid #ddd;
983 border-left: none;
984 }
985
986 .chat_text_msg {
987 white-space: pre-wrap;
988 }
989
990 .chat_text_mymess {
991 color: #006600;
992 }
993
994 .occupant {
995 margin-top: 10px;
996 margin-right: 4px;
997 min-width: 120px;
998 padding: 5px 15px 5px 15px;
999 font-weight: bold;
1000 background-color: #eee;
1001 border: 1px solid #ddd;
1002 white-space: nowrap;
1003 }
1004
1005 .occupantsList {
1006 border-right: 2px dotted #ddd;
1007 margin-left: 5px;
1008 margin-right: 10px;
1009 height: 100%;
1010 }
1011
1012 /* Games */
1013
1014 .cardPanel {
1015 background: #02FE03;
1016 margin: 0 auto;
1017 }
1018
1019 .cardGamePlayerNick {
1020 font-weight: bold;
1021 }
1022
1023 /* Radiocol */
1024
1025 .radiocolPanel {
1026
1027 }
1028
1029 .radiocol_metadata_lbl {
1030 font-weight: bold;
1031 padding-right: 5px;
1032 }
1033
1034 .radiocol_next_song {
1035 margin-right: 5px;
1036 font-style:italic;
1037 }
1038
1039 .radiocol_status {
1040 margin-left: 10px;
1041 margin-right: 10px;
1042 font-weight: bold;
1043 color: black;
1044 }
1045
1046 .radiocol_upload_status_ok {
1047 margin-left: 10px;
1048 margin-right: 10px;
1049 font-weight: bold;
1050 color: #28F215;
1051 }
1052
1053 .radiocol_upload_status_ko {
1054 margin-left: 10px;
1055 margin-right: 10px;
1056 font-weight: bold;
1057 color: #B80000;
1058 }
1059
1060 /* Drag and drop */
1061
1062 .dragover {
1063 background: #cf2828 !important;
1064 border-radius: 1em 1em 1em 1em !important;
1065 -webkit-border-radius: 1em 1em 1em 1em !important;
1066 -moz-border-radius: 1em 1em 1em 1em !important;
1067 }
1068
1069 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetBody span, .dragover .widgetHeader img {
1070 background: #cf2828 !important;
1071 }
1072
1073 .dragover.widgetHeader {
1074 border-radius: 1em 1em 0 0 !important;
1075 -webkit-border-radius: 1em 1em 0 0 !important;
1076 -moz-border-radius: 1em 1em 0 0 !important;
1077 }
1078
1079 .dragover.widgetBody {
1080 border-radius: 0 0 1em 1em !important;
1081 -webkit-border-radius: 0 0 1em 1em !important;
1082 -moz-border-radius: 0 0 1em 1em !important;
1083 }
1084
1085 /* Warning message */
1086
1087 .warningPopup {
1088 font-size: 1em;
1089 width: 100%;
1090 height: 26px;
1091 text-align: center;
1092 padding: 5px 0;
1093 border-bottom: 1px solid #444;
1094 /*background-color: #fff;
1095 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’fff′, endColorstr=’#ccc’);
1096 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
1097 background: -moz-linear-gradient(top, #fff, #ccc);
1098 background-image: -o-linear-gradient(#fff,#ccc); */
1099
1100 }
1101
1102 .warningTarget {
1103 font-weight: bold;
1104
1105 }
1106
1107 .targetPublic {
1108 background-color: red; /*#cf2828;*/
1109 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1110 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1111 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1112 background-image: -o-linear-gradient(#cf2828,#981a1a); */
1113 }
1114
1115 .targetGroup {
1116 background-color: #00FFFB;
1117 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’68ba0f′, endColorstr=’#40700d’);
1118 background: -webkit-gradient(linear, left top, left bottom, from(#68ba0f), to(#40700d));
1119 background: -moz-linear-gradient(top, #68ba0f, #40700d);
1120 background-image: -o-linear-gradient(#68ba0f,#40700d); */
1121 }
1122
1123 .targetOne2One {
1124 background-color: #66FF00;
1125 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
1126 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
1127 background: -moz-linear-gradient(top, #444444, #222222);
1128 background-image: -o-linear-gradient(#444444,#222222);*/
1129 }
1130
1131 .targetStatus {
1132 background-color: #fff;
1133 /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’fff′, endColorstr=’#ccc’);
1134 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
1135 background: -moz-linear-gradient(top, #fff, #ccc);
1136 background-image: -o-linear-gradient(#fff,#ccc); */
1137 }
1138
1139 /* Tab panel */
1140
1141 .liberviaTabPanel {
1142 }
1143
1144 .gwt-TabPanel {
1145 }
1146
1147 .gwt-TabPanelBottom {
1148 height: 100%;
1149 }
1150
1151 .gwt-TabBar {
1152 font-weight: bold;
1153 text-decoration: none;
1154 border-bottom: 3px solid #a01c1c;
1155 }
1156
1157 .mainTabPanel .gwt-TabBar {
1158 z-index: 10;
1159 position: fixed;
1160 bottom: 0;
1161 left: 0;
1162 }
1163
1164 .gwt-TabBar .gwt-TabBarFirst {
1165 height: 100%;
1166 }
1167
1168 .gwt-TabBar .gwt-TabBarRest {
1169 }
1170
1171 .liberviaTabPanel .gwt-TabBar {;
1172 }
1173
1174 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem {
1175 cursor: pointer;
1176 margin-right: 5px;
1177 }
1178
1179 .liberviaTabPanel .gwt-TabBarItem div {
1180 color: #fff;
1181 }
1182
1183 .liberviaTabPanel .gwt-TabBarItem {
1184 color: #444 !important;
1185 background-color: #222;
1186 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444′, endColorstr=’#222’);
1187 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
1188 background: -moz-linear-gradient(top, #444, #222);
1189 background-image: -o-linear-gradient(#444,#222);
1190 box-shadow: 0px 1px 4px #000;
1191 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1192 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1193 padding: 4px 15px 4px 15px;
1194 border-radius: 1em 1em 0 0;
1195 -webkit-border-radius: 1em 1em 0 0;
1196 -moz-border-radius: 1em 1em 0 0;
1197 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
1198 }
1199
1200 .liberviaTabPanel .gwt-TabBarItem-selected {
1201 color: #fff;
1202 background-color: #cf2828;
1203 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1204 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1205 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1206 background-image: -o-linear-gradient(#cf2828,#981a1a);
1207 box-shadow: 0px 1px 4px #000;
1208 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1209 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1210 padding: 4px 15px 4px 15px;
1211 border-radius: 1em 1em 0 0;
1212 -webkit-border-radius: 1em 1em 0 0;
1213 -moz-border-radius: 1em 1em 0 0;
1214 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1215 }
1216
1217 .liberviaTabPanel div.gwt-TabBarItem:hover {
1218 color: #fff;
1219 background-color: #cf2828;
1220 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828′, endColorstr=’#981a1a’);
1221 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1222 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1223 background-image: -o-linear-gradient(#cf2828,#981a1a);
1224 box-shadow: 0px 1px 4px #000;
1225 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1226 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
1227 padding: 4px 15px 4px 15px;
1228 border-radius: 1em 1em 0 0;
1229 -webkit-border-radius: 1em 1em 0 0;
1230 -moz-border-radius: 1em 1em 0 0;
1231 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
1232 }
1233
1234 .liberviaTabPanel .gwt-TabBar .gwt-TabBarItem-selected {
1235 cursor: default;
1236 }
1237
1238 .globalLeftArea {
1239 margin-top: 9px;
1240 }
1241
1242
1243 /* Misc */
1244
1245 .selected_widget .widgetHeader {
1246 /* this property is set when a widget is the current target of the uniBox
1247 * (messages entered in unibox will be sent to this widget)
1248 */
1249 background-color: #cf2828;
1250 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
1251 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
1252 background: -moz-linear-gradient(top, #cf2828, #981a1a);
1253 background-image: -o-linear-gradient(#cf2828,#981a1a);
1254 }
1255
1256 .infoFrame {
1257 position: relative;
1258 width: 100%;
1259 height: 100%;
1260 }
1261
1262 .marginAuto {
1263 margin: auto;
1264 }
1265
1266 .transparent {
1267 opacity: 0;
1268 }
1269
1270 /* URLs */
1271
1272 a.url {
1273 color: blue;
1274 text-decoration: none
1275 }
1276
1277 a:hover.url {
1278 text-decoration: underline
1279 }
1280
1281 /* Rich Text/Message Editor */
1282
1283 .richTextEditor {
1284 }
1285
1286 .richTextEditor tbody {
1287 width: 100%;
1288 display: table;
1289 }
1290
1291 .richMessageEditor {
1292 width: 100%;
1293 margin: 9px 18px;
1294 }
1295
1296 .richTextTitle {
1297 margin-bottom: 5px;
1298 }
1299
1300 .richTextTitle textarea {
1301 height: 23px;
1302 width: 99%;
1303 margin: auto;
1304 display: block;
1305 }
1306
1307 .richTextToolbar {
1308 white-space: nowrap;
1309 width: 100%;
1310 }
1311
1312 .richTextArea {
1313 width: 100%;
1314 }
1315
1316 .richMessageArea {
1317 width: 100%;
1318 height: 250px;
1319 }
1320
1321 .richTextWysiwyg {
1322 min-height: 50px;
1323 background-color: white;
1324 border: 1px solid #a0a0a0;
1325 border-radius: 5px;
1326 display: block;
1327 font-size: larger;
1328 white-space: pre;
1329 }
1330
1331 .richTextSyntaxLabel {
1332 text-align: right;
1333 margin: 14px 0px 0px 14px;
1334 font-size: 12px;
1335 }
1336
1337 .richTextToolButton {
1338 cursor: pointer;
1339 width:26px;
1340 height:26px;
1341 vertical-align: middle;
1342 margin: 2px 1px;
1343 border-radius: 5px 5px 5px 5px;
1344 -webkit-border-radius: 5px 5px 5px 5px;
1345 -moz-border-radius: 5px 5px 5px 5px;
1346 box-shadow: 0px 1px 4px #000;
1347 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
1348 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
1349 border: none;
1350 -webkit-transition: color 0.2s linear;
1351 -moz-transition: color 0.2s linear;
1352 -o-transition: color 0.2s linear;
1353 }
1354
1355 .richTextIcon {
1356 width:16px;
1357 height:16px;
1358 vertical-align: middle;
1359 }
1360
1361 /* Recipients panel */
1362
1363 .recipientButtonCell {
1364 width:55px;
1365 }
1366
1367 .recipientTypeMenu {
1368 }
1369
1370 .recipientTypeItem {
1371 cursor: pointer;
1372 border-radius: 5px;
1373 width: 50px;
1374 }
1375
1376 .recipientPanel {
1377 }
1378
1379 .recipientTextBox {
1380 cursor: pointer;
1381 width: auto;
1382 border-radius: 5px 5px 5px 5px;
1383 -webkit-border-radius: 5px 5px 5px 5px;
1384 -moz-border-radius: 5px 5px 5px 5px;
1385 box-shadow: inset 0px 1px 4px rgba(135, 179, 255, 0.6);
1386 -webkit-box-shadow:inset 0 1px 4px rgba(135, 179, 255, 0.6);
1387 -moz-box-shadow:inset 0 1px 4px rgba(135, 179, 255, 0.6);
1388 padding: 2px 1px;
1389 margin: 0px;
1390 color: #444;
1391 font-size: 1em;
1392 }
1393
1394 .recipientTextBox-invalid {
1395 box-shadow: inset 0px 1px 4px rgba(255, 0, 0, 0.6);
1396 -webkit-box-shadow:inset 0 1px 4px rgba(255, 0, 0, 0.6);
1397 -moz-box-shadow:inset 0 1px 4px rgba(255, 0, 0, 0.6);
1398 border: 1px solid rgb(255, 0, 0);
1399 }
1400
1401 .recipientRemoveButton {
1402 margin: 0px 10px 0px 0px;
1403 padding: 0px;
1404 border: 1px dashed red;
1405 border-radius: 5px 5px 5px 5px;
1406 }
1407
1408 .recipientRemoveIcon {
1409 color: red;
1410 width:15px;
1411 height:15px;
1412 vertical-align: baseline;
1413 }
1414
1415 .dragover-recipientPanel {
1416 border-radius: 5px;
1417 background: none repeat scroll 0% 0% rgb(135, 179, 255);
1418 border: 1px dashed rgb(35,79,255);
1419 }
1420
1421 .recipientSpacer {
1422 height: 15px;
1423 }
1424
1425 /* Popup (context) menu */
1426
1427 .popupMenuItem {
1428 cursor: pointer;
1429 border-radius: 5px;
1430 width: 100%;
1431 }
1432
1433 /* Contact group manager */
1434
1435 .contactGroupEditor {
1436 width: 800px;
1437 max-width:800px;
1438 min-width: 800px;
1439 margin-top: 9px;
1440 margin-left:18px;
1441 }
1442
1443 .contactGroupRemoveButton {
1444 margin: 0px 10px 0px 0px;
1445 padding: 0px;
1446 border: 1px dashed red;
1447 border-radius: 5px 5px 5px 5px;
1448 }
1449
1450 .addContactGroupPanel {
1451
1452 }
1453
1454 .contactGroupPanel {
1455 vertical-align:middle;
1456 }
1457
1458 .toggleAssignedContacts {
1459 white-space: nowrap;
1460 }
1461
1462 .contactGroupButtonCell {
1463 vertical-align: baseline;
1464 width: 55px;
1465 white-space: nowrap;
1466 }
1467
1468 /* Room and contacts chooser */
1469
1470 .room-contact-chooser {
1471 width:380px;
1472 }
1473
1474 /* StackPanel */
1475
1476 .gwt-StackPanel {
1477 }
1478
1479 .gwt-StackPanel .gwt-StackPanelItem {
1480 background-color: #222;
1481 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’444444′, endColorstr=’#222222’);
1482 background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#222222));
1483 background: -moz-linear-gradient(top, #444444, #222222);
1484 background-image: -o-linear-gradient(#444444,#222222);
1485 text-decoration: none;
1486 font-weight: bold;
1487 height: 100%;
1488 color: #e7e5e5;
1489 padding: 3px 15px;
1490 /*display: block;*/
1491 border-radius: 1em 1em 1em 1em;
1492 -webkit-border-radius: 1em 1em 1em 1em;
1493 -moz-border-radius: 1em 1em 1em 1em;
1494 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
1495 -webkit-transition: color 0.2s linear;
1496 -moz-transition: color 0.2s linear;
1497 -o-transition: color 0.2s linear;
1498 }
1499
1500 .gwt-StackPanel .gwt-StackPanelItem:hover {
1501 background-color: #eee;
1502 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
1503 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
1504 background: -moz-linear-gradient(top, #eee, #aaa);
1505 background-image: -o-linear-gradient(#eee,#aaa);
1506 color: #444;
1507 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
1508 cursor: pointer;
1509 }
1510
1511 .gwt-StackPanel .gwt-StackPanelItem-selected {
1512 background-color: #eee;
1513 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
1514 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
1515 background: -moz-linear-gradient(top, #eee, #aaa);
1516 background-image: -o-linear-gradient(#eee,#aaa);
1517 color: #444;
1518 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
1519 cursor: pointer;
1520 }
1521
1522 /* Caption Panel */
1523
1524 .gwt-CaptionPanel {
1525 overflow: auto;
1526 background-color: #fff;
1527 border-radius: 5px 5px 5px 5px;
1528 -webkit-border-radius: 5px 5px 5px 5px;
1529 -moz-border-radius: 5px 5px 5px 5px;
1530 padding: 3px 5px 3px 5px;
1531 margin: 10px 5px 10px 5px;
1532 color: #444;
1533 font-size: 1em;
1534 border: solid 1px gray;
1535 }
1536
1537 /* Radio buttons */
1538
1539 .gwt-RadioButton {
1540 white-space: nowrap;
1541 }
1542
1543 [contenteditable="true"] {
1544 }
1545
1546 /* XMLUI styles */
1547
1548 .AdvancedListSelectable tr{
1549 cursor: pointer;
1550 }
1551
1552 .AdvancedListSelectable tr:hover{
1553 background: none repeat scroll 0 0 #EE0000;
1554 }
1555
1556 .line hr {
1557
1558 }
1559
1560 .dot hr {
1561 height: 0px;
1562 border-top: 1px dotted;
1563 border-bottom: 0px;
1564 }
1565
1566 .dash hr {
1567 height: 0px;
1568 border-top: 1px dashed;
1569 border-bottom: 0px;
1570 }
1571
1572 .plain hr {
1573 height: 10px;
1574 color: black;
1575 background-color: black;
1576 }
1577
1578 .blank hr {
1579 border: 0px;
1580 }