better-autocomplete.css 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. /* Stylesheet for Better Autocomplete jQuery plugin by Didrik Nordström */
  2. /**
  3. * Do NOT edit this file! Instead, include another stylesheet with your custom
  4. * overrides and extensions. Copy the selectors you need to edit and place them
  5. * in your CSS file. And remember to include that file AFTER this file.
  6. */
  7. /* Reset styles for lists */
  8. .better-autocomplete,
  9. .better-autocomplete > .result {
  10. list-style: none;
  11. padding: 0;
  12. margin: 0;
  13. background: none;
  14. }
  15. .better-autocomplete {
  16. text-align: left;
  17. font-family: 'Lucida Grande', Helvetica, Arial, Verdana, sans-serif;
  18. overflow: auto;
  19. cursor: default;
  20. background: white;
  21. border-bottom: 1px solid #bfbfbf;
  22. }
  23. /* Groups */
  24. .better-autocomplete > .group {
  25. position: relative;
  26. padding: 3px;
  27. text-align: center;
  28. background: #e7e7e7;
  29. border-color: #bfbfbf;
  30. border-width: 1px 1px 0 1px;
  31. border-style: solid;
  32. }
  33. .better-autocomplete > .group > h3 {
  34. font-size: 11px;
  35. color: #555;
  36. padding: 0;
  37. margin: 0;
  38. }
  39. /* Results */
  40. .better-autocomplete > .result {
  41. position: relative;
  42. padding: 5px 7px;
  43. background: white;
  44. border-color: #bfbfbf;
  45. border-width: 1px 1px 0 1px;
  46. border-style: solid;
  47. }
  48. .better-autocomplete > .result > h4 {
  49. font-size: 12px;
  50. color: #3c3c3c;
  51. padding: 0;
  52. margin: 0 0 2px 0;
  53. }
  54. .better-autocomplete > .result > p {
  55. font-size: 11px;
  56. line-height: 1.3;
  57. color: #6f6f6f;
  58. padding: 0;
  59. margin: 0;
  60. }
  61. /* Highlighting */
  62. .better-autocomplete > .result.highlight {
  63. background: #0075ba;
  64. border-top-color: #1f4a64;
  65. }
  66. .better-autocomplete > .result.highlight > h4,
  67. .better-autocomplete > .result.highlight > p {
  68. color: white;
  69. }