autocomplete.css 2.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. .rte-autocomplete{
  2. position: absolute;
  3. top: 0px;
  4. left: 0px;
  5. display: block;
  6. z-index: 1000;
  7. float: left;
  8. min-width: 160px;
  9. padding: 5px 0;
  10. margin: 2px 0 0;
  11. list-style: none;
  12. background-color: #fff;
  13. border: 1px solid #ccc;
  14. border: 1px solid rgba(0,0,0,0.2);
  15. -webkit-border-radius: 6px;
  16. -moz-border-radius: 6px;
  17. border-radius: 6px;
  18. -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  19. -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  20. box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  21. -webkit-background-clip: padding-box;
  22. -moz-background-clip: padding;
  23. background-clip: padding-box;
  24. font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  25. font-size: 14px;
  26. }
  27. .rte-autocomplete:before {
  28. content: '';
  29. display: inline-block;
  30. border-left: 7px solid transparent;
  31. border-right: 7px solid transparent;
  32. border-bottom: 7px solid #ccc;
  33. border-bottom-color: rgba(0, 0, 0, 0.2);
  34. position: absolute;
  35. top: -7px;
  36. left: 9px;
  37. }
  38. .rte-autocomplete:after {
  39. content: '';
  40. display: inline-block;
  41. border-left: 6px solid transparent;
  42. border-right: 6px solid transparent;
  43. border-bottom: 6px solid white;
  44. position: absolute;
  45. top: -6px;
  46. left: 10px;
  47. }
  48. .rte-autocomplete > li.loading {
  49. background: url("https://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif") center no-repeat;
  50. height: 16px;
  51. }
  52. .rte-autocomplete > li > a {
  53. display: block;
  54. padding: 3px 20px;
  55. clear: both;
  56. font-weight: normal;
  57. line-height: 20px;
  58. color: #333;
  59. white-space: nowrap;
  60. text-decoration: none;
  61. }
  62. .rte-autocomplete >li > a:hover, .rte-autocomplete > li > a:focus, .rte-autocomplete:hover > a, .rte-autocomplete:focus > a {
  63. color: #fff;
  64. text-decoration: none;
  65. background-color: #0081c2;
  66. background-image: -moz-linear-gradient(top,#08c,#0077b3);
  67. background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
  68. background-image: -webkit-linear-gradient(top,#08c,#0077b3);
  69. background-image: -o-linear-gradient(top,#08c,#0077b3);
  70. background-image: linear-gradient(to bottom,#08c,#0077b3);
  71. background-repeat: repeat-x;
  72. filter: progid:DXImageTransform.Microsoft;
  73. }
  74. .rte-autocomplete >.active > a, .rte-autocomplete > .active > a:hover, .rte-autocomplete > .active > a:focus {
  75. color: #fff;
  76. text-decoration: none;
  77. background-color: #0081c2;
  78. background-image: -moz-linear-gradient(top,#08c,#0077b3);
  79. background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
  80. background-image: -webkit-linear-gradient(top,#08c,#0077b3);
  81. background-image: -o-linear-gradient(top,#08c,#0077b3);
  82. background-image: linear-gradient(to bottom,#08c,#0077b3);
  83. background-repeat: repeat-x;
  84. outline: 0;
  85. filter: progid:DXImageTransform.Microsoft;
  86. }