jquery.emojiarea.css 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .emoji-wysiwyg-editor {
  2. border: 1px solid #d0d0d0;
  3. overflow: auto;
  4. outline: none;
  5. }
  6. .emoji-wysiwyg-editor img {
  7. width: 20px;
  8. height: 20px;
  9. vertical-align: middle;
  10. margin: -3px 0 0 0;
  11. }
  12. .emoji-menu {
  13. position: absolute;
  14. z-index: 999;
  15. width: 180px;
  16. margin-left: -100px;
  17. padding: 0;
  18. -webkit-box-sizing: border-box;
  19. -moz-box-sizing: border-box;
  20. box-sizing: border-box;
  21. }
  22. .emoji-menu > div {
  23. max-height: 200px;
  24. overflow: hidden;
  25. background: #fff;
  26. -webkit-border-radius: 3px;
  27. -moz-border-radius: 3px;
  28. border-radius: 3px;
  29. -webkit-box-sizing: border-box;
  30. -moz-box-sizing: border-box;
  31. box-sizing: border-box;
  32. -webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  33. -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  34. box-shadow: 0 1px 5px rgba(0,0,0,0.3);
  35. }
  36. .emoji-menu img {
  37. width: 25px;
  38. height: 25px;
  39. vertical-align: middle;
  40. border: 0 none;
  41. }
  42. .emoji-menu a {
  43. margin: -1px 0 0 -1px;
  44. border: 1px solid #f2f2f2;
  45. padding: 5px;
  46. display: block;
  47. float: left;
  48. }
  49. .emoji-menu a:hover {
  50. background-color: #fffae7;
  51. }
  52. .emoji-menu:after {
  53. content: ' ';
  54. display: block;
  55. clear: left;
  56. }
  57. .emoji-menu a .label {
  58. display: none;
  59. }