component-ui.css

.mod {
    overflow:hidden;
    border:1px solid #ccc;
    margin:1em 1em 1em 0;
}
.mod h2{
    font-size:1.5em;
    padding-top:0.5em;
    text-indent:1em;
    background:#f6f6f6;
}
.mod-inline-block{
    display:inline-block;
    vertical-align:top;
    max-width:300px;
    min-width:140px;
}
.mod-conversation{
    border:1px solid #ccc;
}

.conversation{
    border:1px solid #ccc;
    background:#f5f5f5;
    padding:1em;
    margin:1em;
}
.message{
    border:1px solid #ccc;
    background:#fff;
    padding:1em;
    margin:1em;
    font-size:14px;
}
.user{
    display:inline-block;
    border:1px solid #ccc;
    background:#f5f6f6;
    margin:1em;
    padding:1em;
    text-align:center;
}
.user-portrait{
    max-width:140px;
    max-height:140px;
    margin:0.5em ;
    border:1px solid #ddd;
    padding:1px;
    background:#f5f5f5;
}
.user-name{
    display:block;
    font-size:12px;
}