ep_bottom_chat_bar/static/css/chatbox.css

bottom chat and always open , also timestamp dock to left

#chatbox{
    width:100% ;
    resize: vertical;
    max-width: 100% !important;
    /* max-height: 200px; */
    /* -webkit-box-shadow: 0px -2px 10px -1px rgba(0,0,0,1);
    -moz-box-shadow: 0px -2px 10px -1px rgba(0,0,0,1);
    box-shadow: 0px -2px 10px -1px rgba(0,0,0,1); */
    /* cursor: s-resize; */
    /* box-shadow: 0 1px 3px 1px rgba(60,64,67,.15); */

}
#chattext p{
    background-color: #fff !important;
    color: #485365 !important;

}
#chattext .time{
    background-color: #fff !important;
    color: #485365 !important;
}
/* p { background: lime; height: 200px; width: 300px; } */
.chat-content .resizable { background: cyan; position: relative; }
.resizer { width: 100%; height: 4px; position:absolute; top: 0; cursor: s-resize;
    border: 1px solid rgb(204, 204, 204) !important;
    background-color: white;
    z-index: 2000;
 }
#ghost_chat_resizer{
    width: 100%; height: 4px; position:absolute;  cursor: s-resize;
    border: 1px solid rgb(204, 204, 204) !important;
    background-color: rgb(204, 204, 204) ;
    z-index: 2000;
}

#titlebar{
    display: none !important;
}
.chat-content{
    width: 100% !important;
    height: 140px ;
    min-height: 10px!important;
}
#chattext .time{
    float: left !important;
    margin-left: 0px !important;
    margin-right: 7px !important;
}

#chatbox, #chaticon{
    bottom: 0 !important;
    right: 0px !important;
}
#chaticon, .chat-content{
    box-shadow:none;
}