comparison public/libervia.css @ 89:8d2c7be09eef

browser side: CSS: removed useless z-indexes, and replaced tabs by spaces
author Goffi <goffi@goffi.org>
date Mon, 27 Jun 2011 20:10:29 +0200
parents 50b480fd0605
children 5f845345176e
comparison
equal deleted inserted replaced
88:50b480fd0605 89:8d2c7be09eef
97 html>body .iescrollpanelfix { position: static; } 97 html>body .iescrollpanelfix { position: static; }
98 98
99 /* CSS Reset END */ 99 /* CSS Reset END */
100 100
101 body { 101 body {
102 background: #fff url('media/libervia/worldmap_gray.jpg') repeat-x; 102 background: #fff url('media/libervia/worldmap_gray.jpg') repeat-x;
103 } 103 }
104 104
105 /* Misc Pyjamas stuff */ 105 /* Misc Pyjamas stuff */
106 106
107 .menuContainer { 107 .menuContainer {
114 cursor: default;*/ 114 cursor: default;*/
115 width: 100%; 115 width: 100%;
116 height: 28px; 116 height: 28px;
117 margin: 0; 117 margin: 0;
118 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; 118 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
119 padding: 5px 5px 0 5px; 119 padding: 5px 5px 0 5px;
120 line-height: 100%; 120 line-height: 100%;
121 box-shadow: 0px 1px 4px #000; 121 box-shadow: 0px 1px 4px #000;
122 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 122 -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
123 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); 123 -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
124 border: 1px solid #ddd; 124 border: 1px solid #ddd;
132 background-image: -o-linear-gradient(#444444,#222222); 132 background-image: -o-linear-gradient(#444444,#222222);
133 display: inline-block; 133 display: inline-block;
134 } 134 }
135 135
136 .gwt-MenuBar-horizontal .gwt-MenuItem { 136 .gwt-MenuBar-horizontal .gwt-MenuItem {
137 text-decoration: none; 137 text-decoration: none;
138 font-weight: bold; 138 font-weight: bold;
139 height: 100%; 139 height: 100%;
140 color: #e7e5e5; 140 color: #e7e5e5;
141 padding: 3px 15px; 141 padding: 3px 15px;
142 /*display: block;*/ 142 /*display: block;*/
152 .gwt-MenuItem img { 152 .gwt-MenuItem img {
153 padding-right: 2px; 153 padding-right: 2px;
154 } 154 }
155 155
156 .gwt-MenuBar-horizontal .gwt-MenuItem-selected { 156 .gwt-MenuBar-horizontal .gwt-MenuItem-selected {
157 background-color: #eee; 157 background-color: #eee;
158 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′); 158 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa′);
159 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 159 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
160 background: -moz-linear-gradient(top, #eee, #aaa); 160 background: -moz-linear-gradient(top, #eee, #aaa);
161 background-image: -o-linear-gradient(#eee,#aaa); 161 background-image: -o-linear-gradient(#eee,#aaa);
162 color: #444; 162 color: #444;
163 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 163 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
164 cursor: pointer; 164 cursor: pointer;
165 } 165 }
166 166
167 .menuSeparator { 167 .menuSeparator {
168 width: 100%; 168 width: 100%;
173 background: inherit; 173 background: inherit;
174 cursor: default; 174 cursor: default;
175 } 175 }
176 176
177 .gwt-MenuBar { 177 .gwt-MenuBar {
178 background-color: #fff; 178 background-color: #fff;
179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’); 179 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff’, endColorstr=’#ccc’);
180 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 180 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
181 background: -moz-linear-gradient(top, #fff, #ccc); 181 background: -moz-linear-gradient(top, #fff, #ccc);
182 background-image: -o-linear-gradient(#fff,#ccc); 182 background-image: -o-linear-gradient(#fff,#ccc);
183 /*display: none;*/ 183 /*display: none;*/
229 -webkit-border-radius: 0 0 9px 9px !important; 229 -webkit-border-radius: 0 0 9px 9px !important;
230 -moz-border-radius: 0 0 9px 9px !important; 230 -moz-border-radius: 0 0 9px 9px !important;
231 } 231 }
232 232
233 .menuLastPopup div tr:first-child td{ 233 .menuLastPopup div tr:first-child td{
234 border-radius: 0 9px 0 0 !important; 234 border-radius: 0 9px 0 0 !important;
235 -webkit-border-radius: 0 9px 0 0 !important; 235 -webkit-border-radius: 0 9px 0 0 !important;
236 -moz-border-radius: 0 9px 0 0 !important; 236 -moz-border-radius: 0 9px 0 0 !important;
237 } 237 }
238 238
239 .menuLastPopup .gwt-MenuBar { 239 .menuLastPopup .gwt-MenuBar {
240 border-top-right-radius: 9px 9px 9px 9px; 240 border-top-right-radius: 9px 9px 9px 9px;
241 -webkit-border-top-right-radius: 9px 9px 9px 9px; 241 -webkit-border-top-right-radius: 9px 9px 9px 9px;
242 -moz-border-top-right-radius: 9px 9px 9px 9px; 242 -moz-border-top-right-radius: 9px 9px 9px 9px;
243 } 243 }
244 244
245 .gwt-AutoCompleteTextBox { 245 .gwt-AutoCompleteTextBox {
246 width: 80%; 246 width: 80%;
247 border: 1px solid #87B3FF; 247 border: 1px solid #87B3FF;
314 div.contactBox { 314 div.contactBox {
315 margin-left: 20px; 315 margin-left: 20px;
316 } 316 }
317 317
318 .contactTitle { 318 .contactTitle {
319 color: #fff; 319 color: #fff;
320 font-weight: bold; 320 font-weight: bold;
321 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); 321 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
322 font: normal 1.2em/1.4em Arial, Helvetica, sans-serif; 322 font: normal 1.2em/1.4em Arial, Helvetica, sans-serif;
323 text-indent: 15px; 323 text-indent: 15px;
324 width: 200px; 324 width: 200px;
325 height: 30px; 325 height: 30px;
326 border-radius: 10px 10px 0 0; 326 border-radius: 10px 10px 0 0;
327 -webkit-border-radius: 10px 10px 0 0; 327 -webkit-border-radius: 10px 10px 0 0;
328 -moz-border-radius: 10px 10px 0 0; 328 -moz-border-radius: 10px 10px 0 0;
329 background-color: #cf2828; 329 background-color: #cf2828;
330 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#b01e1e’); 330 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#b01e1e’);
331 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); 331 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e));
332 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; 332 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important;
333 background-image: -o-linear-gradient(#cf2828,#b01e1e); 333 background-image: -o-linear-gradient(#cf2828,#b01e1e);
334 } 334 }
335 .groupList { 335 .groupList {
336 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; 336 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
337 width: 100%; 337 width: 100%;
338 border: 1px solid #fff; 338 border: 1px solid #fff;
339 background-color: #fff; 339 background-color: #fff;
340 } 340 }
341 341
342 .groupList tr:first-child td { 342 .groupList tr:first-child td {
343 padding-top: 10px; 343 padding-top: 10px;
344 } 344 }
345 345
346 .group { 346 .group {
347 padding: 2px 15px; 347 padding: 2px 15px;
348 margin: 0.2em 0 0.2em 5px; 348 margin: 0.2em 0 0.2em 5px;
349 display: inline-block; 349 display: inline-block;
350 text-decoration: none; 350 text-decoration: none;
351 font-weight: bold; 351 font-weight: bold;
352 color: #e7e5e5; 352 color: #e7e5e5;
353 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); 353 text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
354 border-radius: 1em 1em 1em 1em; 354 border-radius: 1em 1em 1em 1em;
355 -webkit-border-radius: 1em 1em 1em 1em; 355 -webkit-border-radius: 1em 1em 1em 1em;
356 -moz-border-radius: 1em 1em 1em 1em; 356 -moz-border-radius: 1em 1em 1em 1em;
357 background-color: #eee; 357 background-color: #eee;
358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa&#888;); 358 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#eee’, endColorstr=’#aaa&#888;);
359 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa)); 359 background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#aaa));
360 background: -moz-linear-gradient(top, #eee, #aaa); 360 background: -moz-linear-gradient(top, #eee, #aaa);
361 background-image: -o-linear-gradient(#eee,#aaa); 361 background-image: -o-linear-gradient(#eee,#aaa);
362 color: #444; 362 color: #444;
363 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); 363 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
364 } 364 }
365 365
366 div.group:hover { 366 div.group:hover {
367 color: #fff; 367 color: #fff;
368 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); 368 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
369 background-color: #cf2828; 369 background-color: #cf2828;
370 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 370 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
371 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 371 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
372 background: -moz-linear-gradient(top, #cf2828, #981a1a); 372 background: -moz-linear-gradient(top, #cf2828, #981a1a);
373 background-image: -o-linear-gradient(#cf2828,#981a1a); 373 background-image: -o-linear-gradient(#cf2828,#981a1a);
374 -webkit-transition: color 0.1s linear; 374 -webkit-transition: color 0.1s linear;
375 -moz-transition: color 0.1s linear; 375 -moz-transition: color 0.1s linear;
376 -o-transition: color 0.1s linear; 376 -o-transition: color 0.1s linear;
377 } 377 }
378 .contact { 378 .contact {
379 font-family: Arial, Helvetica, sans-serif; 379 font-family: Arial, Helvetica, sans-serif;
380 font-size: 0.8em; 380 font-size: 0.8em;
381 margin-top: 3px; 381 margin-top: 3px;
382 padding: 3px 10px 3px 10px; 382 padding: 3px 10px 3px 10px;
383 } 383 }
384 384
386 color: #3c7e0c; 386 color: #3c7e0c;
387 font-weight: bold; 387 font-weight: bold;
388 } 388 }
389 389
390 .selected { 390 .selected {
391 color: #fff; 391 color: #fff;
392 background-color: #cf2828; 392 background-color: #cf2828;
393 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’); 393 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#981a1a’);
394 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a)); 394 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#981a1a));
395 background: -moz-linear-gradient(top, #cf2828, #981a1a); 395 background: -moz-linear-gradient(top, #cf2828, #981a1a);
396 background-image: -o-linear-gradient(#cf2828,#981a1a); 396 background-image: -o-linear-gradient(#cf2828,#981a1a);
397 border-radius: 1em 1em 1em 1em; 397 border-radius: 1em 1em 1em 1em;
398 -webkit-border-radius: 1em 1em 1em 1em; 398 -webkit-border-radius: 1em 1em 1em 1em;
399 -moz-border-radius: 1em 1em 1em 1em; 399 -moz-border-radius: 1em 1em 1em 1em;
400 } 400 }
401 401
402 /* UniBox & Status */ 402 /* UniBox & Status */
403 403
404 .uniBoxPanel { 404 .uniBoxPanel {
406 width: 80%; 406 width: 80%;
407 } 407 }
408 408
409 .uniBox { 409 .uniBox {
410 margin-top: 1em; 410 margin-top: 1em;
411 width: 100%; 411 width: 100%;
412 height: 50px; 412 height: 50px;
413 padding: 5px; 413 padding: 5px;
414 font-family: Arial, Helvetica, sans-serif; 414 font-family: Arial, Helvetica, sans-serif;
415 border: 1px solid #bbb; 415 border: 1px solid #bbb;
416 color: #444; 416 color: #444;
417 background: #fff url('media/libervia/unibox.png') top right no-repeat; 417 background: #fff url('media/libervia/unibox.png') top right no-repeat;
418 border-radius: 9px 9px 9px 9px; 418 border-radius: 9px 9px 9px 9px;
419 -webkit-border-radius: 9px 9px 9px 9px; 419 -webkit-border-radius: 9px 9px 9px 9px;
420 -moz-border-radius: 9px 9px 9px 9px; 420 -moz-border-radius: 9px 9px 9px 9px;
421 box-shadow:inset 0 0 10px #ddd; 421 box-shadow:inset 0 0 10px #ddd;
422 -webkit-box-shadow:inset 0 0 10px #ddd; 422 -webkit-box-shadow:inset 0 0 10px #ddd;
423 -moz-box-shadow:inset 0 0 10px #ddd; 423 -moz-box-shadow:inset 0 0 10px #ddd;
424 } 424 }
425 425
426 .statusPanel { 426 .statusPanel {
427 margin: auto; 427 margin: auto;
428 text-align: center; 428 text-align: center;
520 margin-top: 30px; 520 margin-top: 30px;
521 } 521 }
522 522
523 /* Fix for Opera */ 523 /* Fix for Opera */
524 .button, .button:visited { 524 .button, .button:visited {
525 border-radius: 6px 6px 6px 6px !important; 525 border-radius: 6px 6px 6px 6px !important;
526 -moz-border-radius: 6px 6px 6px 6px !important; 526 -moz-border-radius: 6px 6px 6px 6px !important;
527 -webkit-border-radius: 6px 6px 6px 6px !important; 527 -webkit-border-radius: 6px 6px 6px 6px !important;
528 } 528 }
529 529
530 .registerPanel_content .button:hover { background-color: #111; color: #fff; } 530 .registerPanel_content .button:hover { background-color: #111; color: #fff; }
531 .registerPanel_content .button:active { top: 1px; } 531 .registerPanel_content .button:active { top: 1px; }
532 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; } 532 .registerPanel_content .button, .registerPanel_content .button:visited { font-size: 14px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); padding: 7px 10px 8px; }
533 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; } 533 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; }
534 .registerPanel_content .red.button:hover { background-color: #bc0000; } 534 .registerPanel_content .red.button:hover { background-color: #bc0000; }
535 535
536 /* Widgets */ 536 /* Widgets */
543 border-collapse: separate !important; 543 border-collapse: separate !important;
544 border-spacing: 7px; 544 border-spacing: 7px;
545 } 545 }
546 546
547 .widgetHeader { 547 .widgetHeader {
548 margin: auto; 548 margin: auto;
549 height: 30px; 549 height: 30px;
550 /*border: 1px solid #ddd;*/ 550 /*border: 1px solid #ddd;*/
551 border-radius: 10px 10px 0 0; 551 border-radius: 10px 10px 0 0;
552 -webkit-border-radius: 10px 10px 0 0; 552 -webkit-border-radius: 10px 10px 0 0;
553 -moz-border-radius: 10px 10px 0 0; 553 -moz-border-radius: 10px 10px 0 0;
554 background-color: #222; 554 background-color: #222;
555 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’); 555 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’);
556 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); 556 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
557 background: -moz-linear-gradient(top, #444, #222); 557 background: -moz-linear-gradient(top, #444, #222);
558 background-image: -o-linear-gradient(#444,#222); 558 background-image: -o-linear-gradient(#444,#222);
559 } 559 }
560 560
561 .widgetHeader_title { 561 .widgetHeader_title {
562 color: #fff; 562 color: #fff;
563 text-align: center; 563 text-align: center;
564 z-index: 0;
565 margin-top: 5px; 564 margin-top: 5px;
566 } 565 }
567 566
568 .widgetHeader_buttonsWrapper { 567 .widgetHeader_buttonsWrapper {
569 position: absolute; 568 position: absolute;
572 width: 100%; 571 width: 100%;
573 } 572 }
574 573
575 .widgetHeader_buttonGroup { 574 .widgetHeader_buttonGroup {
576 float: right; 575 float: right;
577 z-index: 1;
578 } 576 }
579 577
580 .widgetHeader_buttonGroup img { 578 .widgetHeader_buttonGroup img {
581 background-color: transparent; 579 background-color: transparent;
582 /*width: 25px;*/ 580 /*width: 25px;*/
583 height: 22px; 581 height: 22px;
584 padding: 0; 582 padding: 0;
585 border-bottom: 1px solid #666; 583 border-bottom: 1px solid #666;
586 border-left: 1px solid #666; 584 border-left: 1px solid #666;
587 border-top: 0; 585 border-top: 0;
588 border-right: 0; 586 border-right: 0;
589 border-radius: 0 10px 0 0; 587 border-radius: 0 10px 0 0;
590 -webkit-border-radius: 0 10px 0 0; 588 -webkit-border-radius: 0 10px 0 0;
591 -moz-border-radius: 0 10px 0 0; 589 -moz-border-radius: 0 10px 0 0;
592 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’); 590 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’);
593 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); 591 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
594 background: -moz-linear-gradient(top, #555, #333); 592 background: -moz-linear-gradient(top, #555, #333);
595 background-image: -o-linear-gradient(#555,#333); 593 background-image: -o-linear-gradient(#555,#333);
596 z-index: 10;
597 } 594 }
598 595
599 .widgetHeader_closeButton { 596 .widgetHeader_closeButton {
600 border-radius: 0 10px 0 0 !important; 597 border-radius: 0 10px 0 0 !important;
601 -webkit-border-radius: 0 10px 0 0 !important; 598 -webkit-border-radius: 0 10px 0 0 !important;
602 -moz-border-radius: 0 10px 0 0 !important; 599 -moz-border-radius: 0 10px 0 0 !important;
603 z-index: 50;
604 } 600 }
605 601
606 .widgetHeader_settingButton { 602 .widgetHeader_settingButton {
607 border-radius: 0 0 0 10px !important; 603 border-radius: 0 0 0 10px !important;
608 -webkit-border-radius: 0 0 0 10px !important; 604 -webkit-border-radius: 0 0 0 10px !important;
609 -moz-border-radius: 0 0 0 10px !important; 605 -moz-border-radius: 0 0 0 10px !important;
610 z-index: 50;
611 } 606 }
612 607
613 .widgetHeader_buttonGroup img:hover { 608 .widgetHeader_buttonGroup img:hover {
614 background-color: #cf2828; 609 background-color: #cf2828;
615 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#b01e1e’); 610 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#b01e1e’);
616 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e)); 611 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e));
617 background: -moz-linear-gradient(top, #cf2828, #b01e1e); 612 background: -moz-linear-gradient(top, #cf2828, #b01e1e);
618 background-image: -o-linear-gradient(#cf2828,#b01e1e); 613 background-image: -o-linear-gradient(#cf2828,#b01e1e);
619 z-index: 50;
620 } 614 }
621 615
622 .widgetBody { 616 .widgetBody {
623 border: 1px solid #ddd; 617 border: 1px solid #ddd;
624 border-radius: 0 0 10px 10px; 618 border-radius: 0 0 10px 10px;
625 -webkit-border-radius: 0 0 10px 10px; 619 -webkit-border-radius: 0 0 10px 10px;
626 -moz-border-radius: 0 0 10px 10px; 620 -moz-border-radius: 0 0 10px 10px;
627 background-color: #fff; 621 background-color: #fff;
628 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff&#888;, endColorstr=’#ccc’); 622 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff&#888;, endColorstr=’#ccc’);
629 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); 623 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
630 background: -moz-linear-gradient(top, #fff, #ccc); 624 background: -moz-linear-gradient(top, #fff, #ccc);
631 background-image: -o-linear-gradient(#fff,#ccc); 625 background-image: -o-linear-gradient(#fff,#ccc);
632 min-height: 100px; 626 min-height: 100px;
633 } 627 }
634 628
635 /* BorderWidgets */ 629 /* BorderWidgets */
636 630
637 .bottomBorderWidget { 631 .bottomBorderWidget {