/static/css/jchat.css

http://django-jchat.googlecode.com/ · CSS · 46 lines · 37 code · 8 blank · 1 comment · 0 complexity · 57b24cb0aad47f31ec7cf2c0d06c5076 MD5 · raw file

  1. /* CHAT */
  2. #chat-messages-container {
  3. overflow: auto; /* used for scrolling */
  4. width: 100%;
  5. height: 100px;
  6. border: 1px solid #777;
  7. -moz-border-radius: 5px;
  8. }
  9. #chat-messages {
  10. padding: 5px;
  11. }
  12. #chat-messages .author {
  13. font-weight: bold;
  14. margin-right: 0.5em;
  15. display: inline;
  16. }
  17. #chat-messages .message {
  18. margin-bottom: 4px;
  19. }
  20. #chat-messages .system {
  21. font-weight: bold;
  22. color: #642;
  23. }
  24. #chat-messages .join {
  25. color: #696;
  26. background: url(../img/door_in.png) top left no-repeat;
  27. padding-left: 20px;
  28. margin: 4px 0;
  29. }
  30. #chat-messages .leave {
  31. color: #966;
  32. background: url(../img/door_out.png) top left no-repeat;
  33. padding-left: 20px;
  34. margin: 4px 0;
  35. }
  36. #chat .message {
  37. width: 80%;
  38. }