Mercurial > libervia-web

comparison public/libervia.css @ 82:bd575203d456

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
browser side: widgets CSS
author Adrien Vigneron <adrienvigneron@mailoo.org>
date Sun, 26 Jun 2011 03:02:10 +0200
parents a40a12583ba4
children a8f027738c16
comparison
equal deleted inserted replaced
81:a40a12583ba4 82:bd575203d456
95 95
96 /* undo part of the above (non-IE) */ 96 /* undo part of the above (non-IE) */
97 html>body .iescrollpanelfix { position: static; } 97 html>body .iescrollpanelfix { position: static; }
98 98
99 /* CSS Reset END */ 99 /* CSS Reset END */
100
101 body {
102 background: #fff url('media/libervia/worldmap_gray.jpg') repeat-x;
103 }
100 104
101 /* Misc Pyjamas stuff */ 105 /* Misc Pyjamas stuff */
102 106
103 .menuContainer { 107 .menuContainer {
104 margin: 0 32px 0 20px; 108 margin: 0 32px 0 20px;
324 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important; 328 background: -moz-linear-gradient(top, #cf2828, #b01e1e) !important;
325 background-image: -o-linear-gradient(#cf2828,#b01e1e); 329 background-image: -o-linear-gradient(#cf2828,#b01e1e);
326 } 330 }
327 .groupList { 331 .groupList {
328 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif; 332 font: normal 0.8em/1.4em Arial, Helvetica, sans-serif;
329 /*width: 200px;*/ 333 width: 100%;
330 margin-top: 10px;
331 border: 1px solid #fff; 334 border: 1px solid #fff;
332 background-color: #fff; 335 background-color: #fff;
336 }
337
338 .groupList tr:first-child td {
339 padding-top: 10px;
333 } 340 }
334 341
335 .group { 342 .group {
336 padding: 2px 15px; 343 padding: 2px 15px;
337 margin: 0.2em 0 0.2em 5px; 344 margin: 0.2em 0 0.2em 5px;
510 .registerPanel_content .button:active { top: 1px; } 517 .registerPanel_content .button:active { top: 1px; }
511 .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; } 518 .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; }
512 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; } 519 .registerPanel_content .red.button, .registerPanel_content .red.button:visited { background-color: #000; }
513 .registerPanel_content .red.button:hover { background-color: #bc0000; } 520 .registerPanel_content .red.button:hover { background-color: #bc0000; }
514 521
522 /* Widgets */
523
524 .widgetsPanel td {
525 vertical-align: top;
526 }
527
528 .widgetsPanel > table {
529 border-collapse: separate !important;
530 border-spacing: 7px;
531 }
532
533 .widgetHeader {
534 margin: auto;
535 height: 30px;
536 /*border: 1px solid #ddd;*/
537 border-radius: 10px 10px 0 0;
538 -webkit-border-radius: 10px 10px 0 0;
539 -moz-border-radius: 10px 10px 0 0;
540 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#444&#888;, endColorstr=’#222’);
541 background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
542 background: -moz-linear-gradient(top, #444, #222);
543 background-image: -o-linear-gradient(#444,#222);
544 }
545
546 .widgetHeader_title {
547 color: #fff;
548 text-align: center;
549 z-index: 0;
550 margin-top: 5px;
551 }
552
553 .widgetHeader_buttonsWrapper {
554 position: absolute;
555 top: 0;
556 height: 100%;
557 width: 100%;
558 }
559
560 .widgetHeader_buttonGroup {
561 float: right;
562 z-index: 1;
563 }
564
565 .widgetHeader_buttonGroup img {
566 background-color: transparent;
567 /*width: 25px;*/
568 height: 22px;
569 padding: 0;
570 border-bottom: 1px solid #666;
571 border-left: 1px solid #666;
572 border-top: 0;
573 border-right: 0;
574 border-radius: 0 10px 0 0;
575 -webkit-border-radius: 0 10px 0 0;
576 -moz-border-radius: 0 10px 0 0;
577 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#555&#888;, endColorstr=’#333’);
578 background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333));
579 background: -moz-linear-gradient(top, #555, #333);
580 background-image: -o-linear-gradient(#555,#333);
581 z-index: 10;
582 }
583
584 .widgetHeader_closeButton {
585 border-radius: 0 10px 0 0 !important;
586 -webkit-border-radius: 0 10px 0 0 !important;
587 -moz-border-radius: 0 10px 0 0 !important;
588 z-index: 50;
589 }
590
591 .widgetHeader_settingButton {
592 border-radius: 0 0 0 10px !important;
593 -webkit-border-radius: 0 0 0 10px !important;
594 -moz-border-radius: 0 0 0 10px !important;
595 z-index: 50;
596 }
597
598 .widgetHeader_buttonGroup img:hover {
599 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#cf2828&#888;, endColorstr=’#b01e1e’);
600 background: -webkit-gradient(linear, left top, left bottom, from(#cf2828), to(#b01e1e));
601 background: -moz-linear-gradient(top, #cf2828, #b01e1e);
602 background-image: -o-linear-gradient(#cf2828,#b01e1e);
603 z-index: 50;
604 }
605
606 .widgetBody {
607 border: 1px solid #ddd;
608 border-radius: 0 0 10px 10px;
609 -webkit-border-radius: 0 0 10px 10px;
610 -moz-border-radius: 0 0 10px 10px;
611 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=’#fff&#888;, endColorstr=’#ccc’);
612 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
613 background: -moz-linear-gradient(top, #fff, #ccc);
614 background-image: -o-linear-gradient(#fff,#ccc);
615 }
616
515 /* Microblog */ 617 /* Microblog */
516 618
517 .microblogPanel { 619 .microblogPanel {
518 margin: auto; 620 margin: auto;
519 width: 95% !important; 621 width: 95% !important;
520 }
521
522 .mb_panel_header{
523 text-align: center;
524 background-color: lightGray;
525 font-style: italic;
526 margin-top: 5px;
527 -moz-border-radius: 50px;
528 -webkit-border-radius: 50px;
529 border-radius: 50px;
530 } 622 }
531 623
532 .microblogEntry { 624 .microblogEntry {
533 text-align:center; 625 text-align:center;
534 626
627 } 719 }
628 720
629 /* Drag and drop */ 721 /* Drag and drop */
630 722
631 .dragover { 723 .dragover {
632 background: #cf2828; 724 background: #cf2828 !important;
633 border-radius: 1em; 725 border-radius: 1em !important;
634 -webkit-border-radius: 1em; 726 -webkit-border-radius: 1em !important;
635 -moz-border-radius: 1em; 727 -moz-border-radius: 1em !important;
728 }
729
730 .dragover .widgetHeader, .dragover .widgetBody, .dragover .widgetHeader img {
731 background: #cf2828 !important;
732 }
733
734 .dragover.widgetHeader {
735 border-radius: 1em 1em 0 0 !important;
736 -webkit-border-radius: 1em 1em 0 0 !important;
737 -moz-border-radius: 1em 1em 0 0 !important;
738 }
739
740 .dragover.widgetBody {
741 border-radius: 0 0 1em 1em !important;
742 -webkit-border-radius: 0 0 1em 1em !important;
743 -moz-border-radius: 0 0 1em 1em !important;
636 } 744 }
637 745
638 /* Warning message */ 746 /* Warning message */
639 747
640 .warningPopup { 748 .warningPopup {