Commit bdc29ff0 authored by Mat's avatar Mat

styles

parent c8dbf3c5
...@@ -22,7 +22,12 @@ li img.avatar { ...@@ -22,7 +22,12 @@ li img.avatar {
/* /*
* usersHistory * usersHistory
*/ */
div.left, div.right {
}
div div.avatar,
div div.message {
vertical-align: baseline;
}
.left div.avatar { .left div.avatar {
float: left; float: left;
} }
...@@ -37,27 +42,24 @@ div.avatar img.avatar { ...@@ -37,27 +42,24 @@ div.avatar img.avatar {
} }
.left div.message:before { .left div.message:before {
left: -10px; left: -10px;
border-top: 3px solid transparent; border-top: 10px solid transparent;
border-bottom: 3px solid transparent; border-bottom: 0px solid transparent;
border-right:10px solid #d0d0d0; border-right: 15px solid #d0d0d0;
} }
.right div.message:before { .right div.message:before {
right: -10px; right: -10px;
border-top: 3px solid transparent; border-top: 10px solid transparent;
border-bottom: 3px solid transparent; border-bottom: 0px solid transparent;
border-left:10px solid #d0d0d0; border-left: 15px solid #d0d0d0;
} }
div.message:before { div.message:before {
content: ''; content: '';
position: absolute; position: absolute;
width: 0px; width: 0px;
height: 0px; height: 0px;
top: 15px; /* bottom: 0px; /*
background-color: #d0d0d0; */ background-color: #d0d0d0; */
} }
div.message {
position: relative;
}
.left div.message { .left div.message {
float: left; float: left;
margin-left: 1em; margin-left: 1em;
...@@ -67,10 +69,13 @@ div.message { ...@@ -67,10 +69,13 @@ div.message {
margin-right: 1em; margin-right: 1em;
} }
div.message { div.message {
position: relative;
margin-bottom: 0.5em;
background-color: #d0d0d0; background-color: #d0d0d0;
border-radius: 8px; border-radius: 8px;
padding: 0.5em; padding: 0.5em;
text-align: left; text-align: left;
max-width: 65%;
} }
div.message span { div.message span {
font-size: 8pt; font-size: 8pt;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment