chatwidget.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .chat-widget {
  2. position: fixed;
  3. right: 5px;
  4. bottom: 0px;
  5. border: 1px solid #BBB;
  6. border-bottom: 0px;
  7. z-index: 100;
  8. background-color: white;
  9. }
  10. .chat-minimized {
  11. width: 185px;
  12. height: 20px;
  13. }
  14. .chat-maximized {
  15. width: 200px;
  16. height: 250px;
  17. }
  18. .chat-bar {
  19. height: 21px;
  20. padding: 2px 5px;
  21. background-color: #70bd1A;
  22. color: white;
  23. }
  24. .chat-bar.alert {
  25. background-color: #D05D2A;
  26. }
  27. .chat-bar .chat-minmax {
  28. float: right;
  29. width: 16px;
  30. height: 16px;
  31. }
  32. .chat-bar .self {
  33. font-size: 110%;
  34. font-weight: bold;
  35. }
  36. .chat-bar .online {
  37. color: #DDDDDD;
  38. }
  39. .chat-maximized .chat-bar .chat-minmax {
  40. background: url(icons/minimize.png) no-repeat center center;
  41. }
  42. .chat-minimized .chat-bar .chat-minmax {
  43. background: url(icons/maximize.png) no-repeat center center;
  44. }
  45. .chat-self {
  46. color: #B42600;
  47. font-weight: bold;
  48. padding-right: 0.2em;
  49. }
  50. .chat-highlight {
  51. font-weight: bold;
  52. }
  53. .chat-msg {
  54. padding: 0px 3px;
  55. line-height: 1.3;
  56. }
  57. .chat-msg .name-edit input {
  58. width: 70px;
  59. }
  60. .chat-msg .name-edit:hover {
  61. text-decoration: underline;
  62. }
  63. .chat-info {
  64. font-style: oblique;
  65. color: gray;
  66. }
  67. .chat-user {
  68. color: #DD7200;
  69. font-weight: bold;
  70. padding-right: 0.2em;
  71. }