chat.css 4.6 KB

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