123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960 |
- /*========================================================
- DARK LAYOUT
- =========================================================*/
- .chat-application .chat-app-window .user-chats {
- padding: 10px 20px;
- position: relative;
- text-align: center;
- height: 415px;
- }
- .chat-application .chat-app-window .user-chats .chats {
- padding: 0;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-body {
- display: block;
- margin: 10px 30px 0 0;
- overflow: hidden;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content {
- text-align: left;
- display: block;
- float: right;
- padding: 0.75rem 1rem;
- margin: 0 20px 10px 0;
- clear: both;
- color: #fff;
- background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
- border-radius: 0.5rem;
- box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
- }
- .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
- margin: 0;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-avatar {
- float: right;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar {
- float: left;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-left .chat-body {
- margin: 0;
- }
- .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
- text-align: left;
- float: left;
- margin: 10px 10px 10px 20px;
- color: #626262;
- background: none;
- background-color: white;
- border: 1px solid #dae1e7;
- }
|