linkit.autocomplete.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869
  1. /**
  2. * @file
  3. * Stylesheet for the Linkit module.
  4. */
  5. .js input.form-linkit-autocomplete {
  6. background-image: url(/core/misc/throbber-inactive.png);
  7. background-position: 100% center; /* LTR */
  8. background-repeat: no-repeat;
  9. }
  10. .js[dir="rtl"] input.form-linkit-autocomplete {
  11. background-position: 0% center;
  12. }
  13. .js input.form-linkit-autocomplete.ui-autocomplete-loading {
  14. background-image: url(/core/misc/throbber-active.gif);
  15. background-position: 100% center; /* LTR */
  16. }
  17. .js[dir="rtl"] input.form-linkit-autocomplete.ui-autocomplete-loading {
  18. background-position: 0% center;
  19. }
  20. /* Override the default jQuery UI theme */
  21. .linkit-ui-autocomplete {
  22. max-height: 330px;
  23. overflow: auto;
  24. }
  25. .linkit-ui-autocomplete.ui-widget {
  26. font-size: .9em;
  27. }
  28. .linkit-ui-autocomplete.ui-menu .ui-menu-item {
  29. list-style: none;
  30. padding: 5px 7px;
  31. }
  32. .linkit-ui-autocomplete .ui-menu-item.ui-state-focus {
  33. margin: 0;
  34. border: 0;
  35. border-bottom: 1px solid #bfbfbf;
  36. background: #0075ba;
  37. color: #fff;
  38. }
  39. .linkit-result:not(:last-of-type) {
  40. border-bottom: 1px solid #bfbfbf;
  41. }
  42. .linkit-result--group {
  43. padding: 3px;
  44. background-color: #e7e7e7;
  45. border-bottom: 1px solid #bfbfbf;
  46. text-align: center;
  47. font-size: 0.9em;
  48. font-weight: 600;
  49. color: #555;
  50. }
  51. .linkit-result--title {
  52. font-weight: 600;
  53. }
  54. .linkit-result--description {
  55. display: block;
  56. font-size: 0.9em;
  57. line-height: 1.3;
  58. }
  59. .linkit-result--description img {
  60. display: block;
  61. }