Mercurial > libervia-web
diff 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 |
line wrap: on
line diff
--- a/public/libervia.css Thu Jun 30 00:36:22 2011 +0200 +++ b/public/libervia.css Tue Jul 05 02:34:33 2011 +0200 @@ -698,31 +698,49 @@ /* Microblog */ .microblogPanel { - margin: auto; - width: 95% !important; +/* margin: auto; + width: 95% !important;*/ +} + +.mb_entry { + min-height: 64px; +} + +.mb_entry_avatar { + float: left; + width: 48px; + height: 48px; + padding: 8px; +} + +.mb_entry_dialog { + float: left; + min-height: 54px; + padding: 5px 20px 5px 20px; } -.microblogEntry { - text-align:center; - border: 1px solid LightGray; - border-bottom-width: 1px; - margin-bottom: 5px; - margin-top: 5px; - padding-left: 10px; - padding-right: 10px; - padding-top: 5px; - padding-bottom: 5px; - -moz-border-radius: 15px 15px 15px 15px; - -webkit-border-radius: 15px 15px 15px 15px; - border-radius: 15px 15px 15px 15px; +.bubble { + color:#fff; + position: relative; + padding: 15px; + margin: 2px; + -webkit-border-radius:10px; + -moz-border-radius:10px; + border-radius:10px; + background: #cf2828; } -.mb_entry_header { - font-size: small; -} - -.mb_entry_author { - font-weight: bold; +.bubble:after { + content: ""; + position: absolute; + bottom: auto; + left: -20px; + top: 16px; + border-width: 10px 20px 10px 0; + border-style: solid; + border-color: transparent #cf2828 ; + display: block; + width: 0; } .mb_entry_timestamp {