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 }