autocomplete.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /* AutoComplete styles for Emoji One */
  2. .dropdown-menu {
  3. list-style: none;
  4. padding: .3em 0 0;
  5. margin: 0;
  6. border: 1px solid #6E6E6E;
  7. background-color: white;
  8. border-radius: 5px;
  9. overflow: hidden;
  10. font-size: inherit;
  11. letter-spacing: .025em;
  12. box-shadow: 3px 3px 3px rgba(0,0,0,.2);
  13. }
  14. .dropdown-menu a:hover {
  15. cursor: pointer;
  16. }
  17. .dropdown-menu li {
  18. letter-spacing: 0;
  19. display: block;
  20. float: none;
  21. margin: 0;
  22. padding: 0;
  23. border:none;
  24. }
  25. .dropdown-menu li:before {
  26. display: none;
  27. }
  28. .dropdown-menu .textcomplete-footer {
  29. margin-top: .3em;
  30. background: #e6e6e6;
  31. }
  32. .dropdown-menu .textcomplete-footer a {
  33. color: #999999;
  34. text-decoration: none;
  35. text-transform: uppercase;
  36. letter-spacing: .05em;
  37. line-height: 2.1818em;
  38. padding-left: 1.8181em;
  39. font-size: .84em;
  40. }
  41. .dropdown-menu .textcomplete-footer .arrow {
  42. margin-left: .8em;
  43. font-size: 1.3em;
  44. }
  45. .dropdown-menu li .emojione {
  46. vertical-align: middle;
  47. font-size: 1.23em;
  48. width: 1em;
  49. height: 1em;
  50. top: -1px;
  51. margin: 0 .3em 0 0;
  52. }
  53. .dropdown-menu li a {
  54. display: block;
  55. height: 100%;
  56. line-height: 1.8em;
  57. padding: 0 1.54em 0 .615em;
  58. color: #4f4f4f;
  59. }
  60. .dropdown-menu .active,
  61. .dropdown-menu li:hover {
  62. background: #6E6E6E;
  63. color: white;
  64. }
  65. .dropdown-menu .active a,
  66. .dropdown-menu li:hover a {
  67. color: inherit;
  68. }