logo

searx

My custom branche(s) on searx, a meta-search engine git clone https://hacktivis.me/git/searx.git

autocomplete.less (1314B)


  1. /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
  2. @background_color: white;
  3. .autocomplete {
  4. position: absolute;
  5. max-height: 0;
  6. overflow-y: hidden;
  7. text-align: left;
  8. &:active, &:focus, &:hover {
  9. background-color: @background_color;
  10. }
  11. &:empty {
  12. display: none;
  13. }
  14. > ul {
  15. list-style-type: none;
  16. margin: 0;
  17. padding: 0;
  18. > li {
  19. cursor: pointer;
  20. padding: 5px 0 5px 10px;
  21. &.active, &:active, &:focus {
  22. background-color: @color-base;
  23. a:active, a:focus, a:hover {
  24. text-decoration: none;
  25. }
  26. }
  27. &.locked {
  28. cursor: inherit;
  29. }
  30. }
  31. }
  32. &.open {
  33. display: block;
  34. background-color: @background_color;
  35. border: 1px solid @color-base;
  36. max-height: 500px;
  37. overflow-y: auto;
  38. z-index:100;
  39. &:empty {
  40. display: none;
  41. }
  42. }
  43. }
  44. @media screen and (max-width: @results-width) {
  45. .autocomplete {
  46. bottom: 0;
  47. }
  48. .autocomplete > ul > li {
  49. padding: 7px 0 7px 10px;
  50. border-bottom: 1px solid @color-result-top-border;
  51. text-align: left;
  52. }
  53. }