chat.css 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. .chatboxmain {
  2. position: fixed;
  3. width: auto;
  4. z-index: 9000;
  5. bottom: 0px;
  6. right: 20px;
  7. display: block;
  8. }
  9. .chatboxheadmain {
  10. color: #ffffff;
  11. background-color: #000;
  12. min-height: 34px;
  13. padding: 0 10px;
  14. }
  15. #chatboxtitlemain {
  16. font-weight: normal;
  17. float: left;
  18. font-size: 12px;
  19. padding-top: 2px;
  20. cursor:pointer;
  21. }
  22. .user_status_main {
  23. width:18px;
  24. display:inline;
  25. float:left;
  26. }
  27. .chatbox {
  28. position: fixed;
  29. position:expression("absolute");
  30. width: 320px;
  31. display:none;
  32. z-index: 9000;
  33. }
  34. .chatboxmessage_me {
  35. background-color: #4080ff;
  36. color: #fff;
  37. width: 80%;
  38. float:right !important;
  39. border-radius: 12px;
  40. }
  41. .chatboxmessage {
  42. background-color: #ebedf2;
  43. color: #2a2f35;
  44. margin-left:1em;
  45. width: 80%;
  46. float:left;
  47. border-radius: 12px;
  48. }
  49. .chatboxmessagecontent {
  50. }
  51. .chatboxcontent {
  52. font-family: arial,sans-serif;
  53. font-size: 13px;
  54. color: #333333;
  55. max-height:200px;
  56. overflow-y:auto;
  57. overflow-x:auto;
  58. padding:7px;
  59. border-left:1px solid #cccccc;
  60. border-right:1px solid #cccccc;
  61. border-bottom:1px solid #eeeeee;
  62. background-color: #ffffff;
  63. line-height: 1.3em;
  64. }
  65. .chatboxcontent .alert {
  66. margin-bottom: 0;
  67. }
  68. .user_status {
  69. width:8px;
  70. display:inline-block;
  71. margin-right: 5px;
  72. }
  73. .chatimage {
  74. display: inline-block;
  75. margin-right: 5px;
  76. }
  77. .chatboxtitle {
  78. font-weight: normal;
  79. display: inline-block;
  80. font-size: 10px;
  81. width: auto;
  82. cursor:pointer;
  83. overflow: hidden;
  84. padding-left: 2px;
  85. text-overflow: ellipsis;
  86. white-space: nowrap;
  87. line-height: 10px;
  88. }
  89. .chatboxhead {
  90. /* background-color: #222; */
  91. padding: 5px;
  92. color: #ffffff;
  93. border-right:1px solid #222;
  94. border-left:1px solid #222;
  95. background-color: #222;
  96. background-repeat: repeat-x;
  97. background-image: -khtml-gradient(linear, left top, left bottom, from(#333333), to(#222222));
  98. background-image: -moz-linear-gradient(top, #333333, #222222);
  99. background-image: -ms-linear-gradient(top, #333333, #222222);
  100. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #222222));
  101. background-image: -webkit-linear-gradient(top, #333333, #222222);
  102. background-image: -o-linear-gradient(top, #333333, #222222);
  103. background-image: linear-gradient(top, #333333, #222222);
  104. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  105. -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  106. -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  107. box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  108. }
  109. .chatboxblink {
  110. background-color: #FF921F;
  111. border-right:1px solid #EF7A00;
  112. border-left:1px solid #EF7A00;
  113. background-repeat: repeat-x;
  114. background-image: -khtml-gradient(linear, left top, left bottom, from(#FF921F), to(#FF921F));
  115. background-image: -moz-linear-gradient(top, #FF921F, #FFAC55);
  116. background-image: -ms-linear-gradient(top, #FF921F, #FF921F);
  117. background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FF921F), color-stop(100%, #FF921F));
  118. background-image: -webkit-linear-gradient(top, #FF921F, #FF921F);
  119. background-image: -o-linear-gradient(top, #FF921F, #FF921F);
  120. background-image: linear-gradient(top, #FF921F, #FF921F);
  121. }
  122. .chatboxinput {
  123. padding: 5px;
  124. background-color: #ffffff;
  125. border-left:1px solid #cccccc;
  126. border-right:1px solid #cccccc;
  127. border-bottom:1px solid #cccccc;
  128. }
  129. .chatboxtextarea {
  130. width: 300px;
  131. height:44px;
  132. padding:3px 0pt 3px 3px;
  133. border: 1px solid #eeeeee;
  134. margin: 1px;
  135. overflow:hidden;
  136. }
  137. .chatboxtextareaselected {
  138. border: 2px solid #f99d39;
  139. margin:0;
  140. }
  141. .chatboxinfo {
  142. margin-left:-1em;
  143. color:#666666;
  144. }
  145. .chatboxmessagefrom {
  146. margin-left:-1em;
  147. font-weight: bold;
  148. }
  149. .chatboxoptions {
  150. float: right;
  151. }
  152. .chatboxoptions a {
  153. text-decoration: none;
  154. color: white;
  155. font-weight:bold;
  156. font-family:Verdana,Arial,"Bitstream Vera Sans",sans-serif;
  157. }
  158. .chatboxoptions a:hover {
  159. background-color: #aaa;
  160. }
  161. .chatbox_checks {
  162. float:right;
  163. }
  164. .chatbox_checked {
  165. color: #13A7F0;
  166. }