dashboard-ecommerce.css 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. /*========================================================
  2. DARK LAYOUT
  3. =========================================================*/
  4. .chat-application .chat-app-window .user-chats {
  5. padding: 10px 20px;
  6. position: relative;
  7. text-align: center;
  8. height: 415px;
  9. }
  10. .chat-application .chat-app-window .user-chats .chats {
  11. padding: 0;
  12. }
  13. .chat-application .chat-app-window .user-chats .chats .chat-body {
  14. display: block;
  15. margin: 10px 30px 0 0;
  16. overflow: hidden;
  17. }
  18. .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content {
  19. text-align: left;
  20. display: block;
  21. float: right;
  22. padding: 0.75rem 1rem;
  23. margin: 0 20px 10px 0;
  24. clear: both;
  25. color: #fff;
  26. background: linear-gradient(118deg, #5c6bc6, rgba(92, 107, 198, 0.7));
  27. border-radius: 0.5rem;
  28. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.12), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  29. }
  30. .chat-application .chat-app-window .user-chats .chats .chat-body .chat-content p {
  31. margin: 0;
  32. }
  33. .chat-application .chat-app-window .user-chats .chats .chat-avatar {
  34. float: right;
  35. }
  36. .chat-application .chat-app-window .user-chats .chats .chat-left .chat-avatar {
  37. float: left;
  38. }
  39. .chat-application .chat-app-window .user-chats .chats .chat-left .chat-body {
  40. margin: 0;
  41. }
  42. .chat-application .chat-app-window .user-chats .chats .chat-left .chat-content {
  43. text-align: left;
  44. float: left;
  45. margin: 10px 10px 10px 20px;
  46. color: #626262;
  47. background: none;
  48. background-color: white;
  49. border: 1px solid #dae1e7;
  50. }