linkit.autocomplete.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677
  1. /**
  2. * @file
  3. * Stylesheet for the Linkit module.
  4. */
  5. .js input.form-linkit-autocomplete {
  6. background-image: url(../images/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(../images/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: calc((100vh - 80px)/2);
  23. overflow: auto;
  24. }
  25. .linkit-ui-autocomplete.ui-widget {
  26. font-size: .9em;
  27. }
  28. .linkit-ui-autocomplete.ui-menu .linkit-result-line-wrapper {
  29. margin: 0;
  30. padding: 5px 7px;
  31. }
  32. .linkit-ui-autocomplete.ui-menu .linkit-result-line-wrapper.ui-state-focus,
  33. .linkit-ui-autocomplete.ui-menu .linkit-result-line-wrapper.ui-state-active {
  34. border: 0;
  35. border-bottom: 1px solid #bfbfbf;
  36. background: #0075ba;
  37. color: #fff;
  38. }
  39. .linkit-result-line:not(:last-of-type) {
  40. border-bottom: 1px solid #bfbfbf;
  41. }
  42. .ui-menu .linkit-result-line--group.ui-menu-divider {
  43. margin: 0;
  44. height: auto;
  45. line-height: inherit;
  46. padding: 3px;
  47. background-color: #e7e7e7;
  48. border-bottom: 1px solid #bfbfbf;
  49. text-align: center;
  50. font-size: 0.9em;
  51. font-weight: 600;
  52. color: #555;
  53. }
  54. .linkit-result-line--title {
  55. display: block;
  56. font-weight: 600;
  57. }
  58. .linkit-result-line--description {
  59. display: block;
  60. font-size: 0.9em;
  61. line-height: 1.3;
  62. }
  63. .linkit-result-line--description img {
  64. display: block;
  65. }