42 lines
1.6 KiB
CSS
42 lines
1.6 KiB
CSS
/*========================================================
|
|
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: .75rem 1rem;
|
|
margin: 0 20px 10px 0;
|
|
clear: both;
|
|
color: #fff;
|
|
background: linear-gradient(118deg, #3a50dc, rgb(24, 61, 176));
|
|
border-radius: .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; }
|