Mercurial > libervia-web
comparison public/libervia.css @ 113:a87cfe9e013e
browser side: CSS: microblog entries
author | Adrien Vigneron <adrienvigneron@mailoo.org> |
---|---|
date | Tue, 05 Jul 2011 02:34:33 +0200 |
parents | 7ce8fac4152d |
children | f8af6b21ed61 |
comparison
equal
deleted
inserted
replaced
112:7ce8fac4152d | 113:a87cfe9e013e |
---|---|
696 } | 696 } |
697 | 697 |
698 /* Microblog */ | 698 /* Microblog */ |
699 | 699 |
700 .microblogPanel { | 700 .microblogPanel { |
701 margin: auto; | 701 /* margin: auto; |
702 width: 95% !important; | 702 width: 95% !important;*/ |
703 } | 703 } |
704 | 704 |
705 .microblogEntry { | 705 .mb_entry { |
706 text-align:center; | 706 min-height: 64px; |
707 border: 1px solid LightGray; | 707 } |
708 border-bottom-width: 1px; | 708 |
709 margin-bottom: 5px; | 709 .mb_entry_avatar { |
710 margin-top: 5px; | 710 float: left; |
711 padding-left: 10px; | 711 width: 48px; |
712 padding-right: 10px; | 712 height: 48px; |
713 padding-top: 5px; | 713 padding: 8px; |
714 padding-bottom: 5px; | 714 } |
715 -moz-border-radius: 15px 15px 15px 15px; | 715 |
716 -webkit-border-radius: 15px 15px 15px 15px; | 716 .mb_entry_dialog { |
717 border-radius: 15px 15px 15px 15px; | 717 float: left; |
718 } | 718 min-height: 54px; |
719 | 719 padding: 5px 20px 5px 20px; |
720 .mb_entry_header { | 720 } |
721 font-size: small; | 721 |
722 } | 722 .bubble { |
723 | 723 color:#fff; |
724 .mb_entry_author { | 724 position: relative; |
725 font-weight: bold; | 725 padding: 15px; |
726 margin: 2px; | |
727 -webkit-border-radius:10px; | |
728 -moz-border-radius:10px; | |
729 border-radius:10px; | |
730 background: #cf2828; | |
731 } | |
732 | |
733 .bubble:after { | |
734 content: ""; | |
735 position: absolute; | |
736 bottom: auto; | |
737 left: -20px; | |
738 top: 16px; | |
739 border-width: 10px 20px 10px 0; | |
740 border-style: solid; | |
741 border-color: transparent #cf2828 ; | |
742 display: block; | |
743 width: 0; | |
726 } | 744 } |
727 | 745 |
728 .mb_entry_timestamp { | 746 .mb_entry_timestamp { |
729 font-style: italic; | 747 font-style: italic; |
730 } | 748 } |