File: src/packages/chat/assets/css/chat.min.css

Recommend this page to a friend!
  Classes of Alien Fernandez   Seed Sails Angular   src/packages/chat/assets/css/chat.min.css   Download  
File: src/packages/chat/assets/css/chat.min.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Seed Sails Angular
Full stack framework based on Sails, Node, Angular
Author: By
Last change: Update of src/packages/chat/assets/css/chat.min.css
Date: 2 years ago
Size: 1,981 bytes
 

Contents

Class file image Download
.chat-message { margin-top: 10px; padding-top: 10px; } .chat-message:not(:first-child) { border-top: 1px solid #e7e7e7; } .chat-message-details { margin-left: 10px; } .chat-profile-image { height: 28px; width: 28px; border-radius: 50%; } .chat { list-style: none; margin: 0; padding: 0; } .chat li { margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px dotted #B3A9A9; } .chat li.left .chat-body { margin-left: 60px; } .chat li.right .chat-body { margin-right: 60px; } .chat li .chat-body p { margin: 0; color: #777777; } #chatContainer .panel .slidedown .glyphicon, .chat .glyphicon { margin-right: 5px; } .chat .panel-body { overflow-y: scroll; height: 250px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #F5F5F5; } ::-webkit-scrollbar { width: 12px; background-color: #F5F5F5; } ::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #555; } .chat-sidebar { background-clip: padding-box; background-color: #fff; border-left: 1px solid rgba(0, 0, 0, 0.4); box-shadow: inset 2px 0 2px -2px #b2b9c9; height: 100%; position: fixed; right: 0; top: 55px; width: 235px; z-index: 300; } .chat-sidebar ul { list-style-type: none; margin: 0; padding: 0; } .roster-img-container { float: left; height: 32px; position: relative; width: 32px; } .chat-time { float: right; line-height: 32px; margin: 0 1px 0 4px; text-align: right; } .roster-item { line-height: 32px; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .online-user.pD { display: block; } .pD { background-color: #35ac19; opacity: 1; } .online-user { height: 10px; width: 10px; border: none; -webkit-border-radius: 50%; border-radius: 50%; background-repeat: no-repeat; position: absolute; bottom: -1px; right: -1px; opacity: 1; }