mIRCwhatsapp.css

@media screen and (min-width: 1200px) .app,
@media screen and (min-width: 1200px) .app {
    width: 100%
}
@media screen and (min-width: 1320px) .drawer-container-mid,
.drawer-container-right, .pane-chat, .pane-intro,
@media screen and (min-width: 12000px) .drawer-container-mid,
.drawer-container-right, .pane-chat, .pane-intro {
    width: 100%
}

.msg, .msg-continuation {
    padding-left:5px;
    padding-right:2px;
    margin-bottom: 0;
}
.message-system-body {
    font-family: 'Consolas', monospace !important;
    font-size: 10;
    line-height: 12.5px;
    display: inline-block;
    border-radius: 0;
    color: #111;
    text-shadow: 0 0 0 rgba(255,255,255,.0);
    background-color: tranparent;
    padding: none;
    box-shadow: none;
}
.bubble {
    padding: 0;
}
.message-in, .message-out {
    float: left;
    border-radius: 0;
    position: relative;
    max-width: 100%;
    box-shadow: 0 0 0 rgba(0,0,0,0);
    -webkit-transition: none;
    transition: none;
    float: left;
    background: none;
    font-family: 'Consolas';
}

.message-out * {
    color: #009999;
}

div#main, div.pane-body, div.pane-chat-tile-container, div.two, div#main {
    background: none;
    background-color: #ffffff;
}

div.message { padding: 0; }
div.message-meta { display: none; }
div.message-meta span span { display: none; }
span.message-pre-text { display: none; }
div.message-text { font-size:12px; line-height: 14px; font-family: Consolas; }
.message-author { display: none; }
.message-author:before { content: "<@" }
.message-author:after { content: "> " }
.message-text { float: left; }
span.selectable-text { font-size:12px; line-height:14px; font-family: Consolas; padding-left: 1px; }
div.context { display: none; }
div.msg-unread span.msg-unread-body {
    display: none; 
	height: 1px;
    line-height: 1px;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    font-weight: 500;
    white-space: nowrap;
}
div.msg-unread {
    height: 1px;
    padding: 0;
    background-color: #ff0000;
}
span.message-pre-text { display: inline !important; }

.message-text .message-pre-text {
    display: inline-block;
    height: auto;
    width: auto;
    overflow: auto;
    
}
.message-text .message-pre-text span:nth-of-type(4):before { content: "<@"; }
.message-text .message-pre-text span:nth-of-type(4):after { content: "> "; }
.message-text .message-pre-text span:nth-of-type(5) {
    display:none;
}