Home Explore Help
Sign In
dingcong
/
everlight.eap
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
everlight.eap
/
backend
/
WebServer
/
wwwroot
/
Content
/
styles
/
learun-im.css

learun-im.css 7.1 KB
Permalink History Raw

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 
  1. .slimScrollDiv >*{overflow: hidden;}
    2. 

  2. .message-prompt{display: block;text-decoration: none;z-index: 100;position: fixed;bottom: 11px;right: 13px;overflow: hidden;width: 35px;height: 35px;border: none;border-radius: 25px;background-color: rgba(0, 0, 0, 0.4);}
    3. 

  3. .message-prompt i{color: #fff;opacity: 0.9;margin-left: 7px;margin-top: 7px;font-size:20px;}
    4. 

  4. .message-wrap{display:none;text-decoration: none;z-index: 100;position: fixed;bottom: 8px;right: 10px;overflow: hidden;width: 230px;height:450px;border: 1px solid #BEBEBE;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-top-left-radius: 5px;border-top-right-radius: 5px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
    5. 

  5. .message-header{line-height: 40px;height: 40px;padding-left:15px;border-bottom: 1px solid #DCDCDC;color: #354052;}
    6. 

  6. .message-close{margin-top: 5px;float: right;padding-right:8px;}
    7. 

  7. .message-close a{text-decoration: none;float: right;font-size: 25px;font-weight: 700;line-height: 1;color: #000;text-shadow: 0 1px 0 #fff;filter: alpha(opacity=20);opacity: .2;}
    8. 

  8. .message-body-search{position: relative;height: 30px;line-height:30px;padding-right:40px;border-bottom: 1px solid #DCDCDC;background-color: #fff;}
    9. 

  9. .message-body-search .search-text{line-height: 24px;float: left;width: 100%;height: 24px;margin: 2px 4px 0 10px;border: none;background: transparent;font-family: Arial, 'Hiragino Sans GB', '微软雅黑', '黑体-简', Helvetica, sans-serif;font-size: 12px;-webkit-transition: box-shadow .30s ease-in-out;border: none;outline: 0;}
    10. 

  10. .message-body-search i{position:absolute;right:9px;top:6px;color:#ccc;font-size: 16px;cursor:pointer;}
    11. 

  11. .message-nav{line-height: 38px;height: 38px;width: 100%;background-color: #F4F4F4;border-bottom: 1px solid #DBDBDB}
    12. 

  12. .message-nav ul li{float: left;width: 76px;height: 38px;line-height:38px;text-align: center;border-right: 1px solid #DBDBDB;cursor:pointer;}
    13. 

  13. .message-nav ul li:last-child{border-right: none}
    14. 

  14. .message-nav ul li a{position: relative;display:block;margin-top:3px;margin-left:5px;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
    15. 

  15. .message-nav ul li i{width: 23px;height: 23px;font-size: 23px;color: #ccc;}
    16. 

  16. .message-nav ul li.active{height: 39px;background-color: #fff;}
    17. 

  17. .message-nav ul li.active i{color: #337ab7;}
    18. 

  18. .message-nav ul li .message-count{position: absolute;right:15px;top: 2px;background: #C35353;text-align: center;height:15px;line-height:15px;width:17px;color: #FFF;display:block;border-radius:17px;}
    19. 

  19. .message-group{height: 300px;padding: 0px 0;width:100%;margin:0px;float:left;width:100%;}
    20. 

  20. .message-group li a{height:27px;line-height:27px;cursor:pointer;display:block;}
    21. 

  21. .message-group li a:hover{background-color: #eee;}
    22. 

  22. .message-group li i{width: 10px;height: 10px;font-size: 12px;color: #666;padding-right:5px;padding-left:15px;}
    23. 

  23. .message-group li em{font-style: normal;font-weight: 400;}
    24. 

  24. .message-chatlist{display:none;margin:0px;width:100%;}
    25. 

  25. .message-chatlist li{height: 40px;line-height: 40px;padding: 0px 15px;cursor: pointer;width:100%;}
    26. 

  26. .message-chatlist li:hover{background-color: #FDEBA8;}
    27. 

  27. .message-chatlist li .message-oneface{float:left;}
    28. 

  28. .message-chatlist li .message-oneface img{width: 30px;height: 30px;border-radius: 30px;margin-right:10px;margin-top: 5px;float:left;text-align:left;}
    29. 

  29. .message-chatlist li .message-onename{float:left;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;}
    30. 

  30. .message-chatlist li .message-onename span{display:none;}
    31. 

  31. .message-chatlist li .message-count{float: right;background: #C35353;height: 15px;line-height: 15px;width: 17px;color: #FFF;display: block;border-radius: 17px;right: 20px;position: absolute;text-align: center;margin-top: 7px;}
    32. 

  32. .message-window{display:none;text-decoration: none;z-index: 100;position: fixed;bottom: 8px;right: 250px;overflow: hidden;width: 410px;height:410px;border: 1px solid #BEBEBE;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.2);border-top-left-radius: 5px;border-top-right-radius: 5px;}
    33. 

  33. .message-window-header{background: #2c3849;line-height: 40px;height: 40px;padding-left:15px;border-bottom: 1px solid #DCDCDC;color: #354052;color: #fff;}
    34. 

  34. .message-window-header .text{font-weight: 700;}
    35. 

  35. .message-window-header .close{margin-top: 5px;float: right;padding-right:8px;}
    36. 

  36. .message-window-header .close a{text-decoration: none;float: right;font-size: 25px;font-weight: 700;line-height: 1;color: #fff;text-shadow: 0 1px 0 #fff;}
    37. 

  37. .message-window .message-window-chat{color: #676a6c;}
    38. 

  38. .message-window .message-window-chat .author-name{margin-bottom:3px;font-size:11px}
    39. 

  39. .message-window .message-window-chat .left .chat-text{font-size: 12px;padding-right: 10px;vertical-align: top;line-height: 32px;}
    40. 

  40. .message-window .message-window-chat .left .chat-date{font-size: 12px;color: #999;vertical-align: top;line-height: 32px;}
    41. 

  41. .message-window .message-window-chat .right .chat-text{font-size: 12px;vertical-align: top;line-height: 32px;}
    42. 

  42. .message-window .message-window-chat .right .chat-date{font-size: 12px;color: #999;padding-right: 10px;vertical-align: top;line-height: 32px;}
    43. 

  43. .message-window .message-window-chat .left img{width: 30px;height: 30px;padding-right: 0;margin-right: 15px;border-radius:30px;}
    44. 

  44. .message-window .message-window-chat .right img{width: 30px;height: 30px;padding-right: 0;margin-left: 15px;border-radius:30px;}
    45. 

  45. .message-window .message-window-chat>div{padding-bottom:20px}
    46. 

  46. .message-window .message-window-chat .chat-message{padding:8px 10px;margin-top:5px;border-radius:5px;font-size:11px;line-height:16px;max-width:80%;background:#f3f3f4;margin-bottom:10px}
    47. 

  47. .message-window .message-window-chat .left{text-align:left;clear:both}
    48. 

  48. .message-window .message-window-chat .left .chat-message{float:left;position: relative;background:#337ab7;color:#fff}
    49. 

  49. .message-window .message-window-chat .left .chat-message em{display: block;width: 0;height: 0;border-width: 0 5px 5px;border-style: solid;border-color: transparent transparent #337ab7;position: absolute;top: -4px;left: 20px;margin-left: -10px;}
    50. 

  50. .message-window .message-window-chat .right{text-align:right;clear:both}
    51. 

  51. .message-window .message-window-chat .right .chat-message{float:right;position: relative;}
    52. 

  52. .message-window .message-window-chat .right .chat-message em{display: block;width: 0;height: 0;border-width: 0 5px 5px;border-style: solid;border-color: transparent transparent #f3f3f4;position: absolute;top: -5px;right: 10px;margin-left: -10px;}
    53. 

  53. .message-window-tool{height:30px;line-height:30px;background-color: #F4F4F4;padding-left:5px;}
    54. 

  54. .message-window-tool a{cursor:pointer;}
    55. 

  55. .message-window-tool i{position: relative;top: 8px;display: inline-block;vertical-align: top;width: 16px;height: 16px;cursor: pointer;font-size: 14px;color: #999;font-weight: 700;}
    56. 

  56. .message-window-tool-seechatlog{float:right;padding-right:10px;}
    57. 

  57. .message-window-send{padding: 5px;}
    58. 

  58. .message-window-send textarea{overflow:hidden;height:62px;width:100%;border: 0px solid #DCDCDC;resize: none;font-family: Arial, 'Hiragino Sans GB', '微软雅黑', '黑体-简', Helvetica, sans-serif;font-size: 12px;-webkit-transition: box-shadow .30s ease-in-out;border: none;outline: 0;}
    59.