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 {