scratch-colorful-messages.css 784 B

12345678910111213141516171819202122232425262728293031323334353637
  1. .social-message {
  2. border-bottom-color: #C5C5C5;
  3. }
  4. .social-message.mod-forum-activity {
  5. background-color: hsl(300, 55%, 92%);
  6. }
  7. .social-message.mod-comment-message,
  8. .social-message.mod-follow-user {
  9. background-color: hsl(215, 100%, 90%);
  10. }
  11. .social-message.mod-curator-invite,
  12. .social-message.mod-become-manager,
  13. .social-message.mod-studio-activity {
  14. background-color: hsl(163, 60%, 85%);
  15. }
  16. .social-message.mod-love-favorite {
  17. background-color: hsl(45, 90%, 95%);
  18. }
  19. .social-message.mod-love-project {
  20. background-color: hsl(350, 100%, 95%);
  21. }
  22. .social-message.mod-remix-project {
  23. background-color: hsl(260, 100%, 90%);
  24. }
  25. .social-message.mod-unread {
  26. background-color: hsl(100, 95%, 95%);
  27. box-shadow: 0 2px 3px -2px rgba(0, 200, 200, 80%);
  28. position: relative;
  29. }