odoo/addons/mail/static/src/css/mail.css

/** ThreadView widget **/

.oe_mail_main {
    overflow: auto;
    padding: 5px 5px 5px 5px;
}

.oe_mail_wall_main {
    overflow: auto;
    padding: 5px 5px 5px 5px;
}

/* 2 columns view */
.oe_mail_main_left {
    float: left;
    width: 65%;
}

.oe_mail_main_right {
    float: right;
    width: 34%;
}

/* Left-side CSS */
.oe_mail_actions {
    margin-bottom: 10px;
}

.oe_mail_post_comment {
    margin-bottom: 10px;
}

.oe_mail_button_follow, .oe_mail_button_unfollow, .oe_mail_button_followers {
    width: 120px;
}

.oe_mail_button_comment {
    width: 150px;
}

.oe_mail_action_textarea {
    width: 60%;
    height: 50px;
    padding: 5px;
}

.oe_mail_action_comment {
}

.oe_mail_msg {
}

.oe_mail_comment {
    white-space: normal;
    margin-bottom: 5px;
}

.oe_mail_comment:after {
  content: "";
  display: block;
  clear: both; 
}

.oe_mail_msg_image {
    float: left;
    width: 100px;
    height: 100px;
    text-align: center;
    overflow: hidden;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
    -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}

.oe_mail_msg_image img {
    width: 100px;
    height: auto;
    clip: rect(10px, 100px, 110px, 0px);
}

.oe_mail_msg_content {
    width: 85%;
    margin-left: 15%;
}

.oe_mail_msg_p {
    padding: 0;
    margin: 0;
}

.oe_mail_msg_body {
}

.oe_mail_msg_author, .oe_mail_msg_author a {
    color: #4E43E7;
}

.oe_mail_msg_need_action, .oe_mail_msg_need_action a {
    color: #C03000;
}

.oe_mail_msg_date, .oe_mail_msg_date a {
    color: #4E43E7;
}

/* Right-side CSS */
.oe_mail_followers_vignette {
    float: left;
    width: 20%%;
}

.oe_mail_followers_vignette img {
    width: 80%;
}

/* Wall CSS */
.oe_mail_thread_content div.oe_mail_comment {
    margin-left: 5%;
}