You are here

rdfui.autocomplete.css in Schema.org configuration tool (RDF UI) 8

Styles for RDF UI custom combobox.

File

css/rdfui.autocomplete.css
View source
  1. /**
  2. * @file
  3. * Styles for RDF UI custom combobox.
  4. */
  5. .custom-combobox {
  6. display: inline-block;
  7. position: relative;
  8. }
  9. .custom-combobox-toggle {
  10. bottom: 0;
  11. margin-left: -1px;
  12. padding: 0;
  13. position: absolute;
  14. top: 0;
  15. }
  16. .custom-combobox-input {
  17. margin: 0;
  18. padding: 0.3em;
  19. }
  20. .ui-state-default,
  21. .ui-widget-content,
  22. .ui-state-default,
  23. .ui-widget-header,
  24. .ui-state-default {
  25. background: url("../../../core/assets/vendor/jquery.ui/themes/base/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #e6e6e6;
  26. border: 1px solid #d3d3d3 !important;
  27. color: #555555;
  28. font-weight: normal;
  29. }
  30. .ui-button {
  31. border: 1px solid #d3d3d3;
  32. }
  33. .ui-button-icon-only {
  34. width: 2.2em;
  35. }
  36. .ui-widget-content {
  37. background: url("../../../core/assets/vendor/jquery.ui/themes/base/images/ui-bg_flat_75_ffffff_40x100.png") repeat-x scroll 50% 50% #ffffff !important;
  38. border: 1px solid #aaaaaa;
  39. color: #222222;
  40. }
  41. .ui-widget-content a {
  42. color: #222222;
  43. }
  44. .ui-autocomplete {
  45. max-height: 100px;
  46. overflow-y: auto;
  47. overflow-x: hidden;
  48. }
  49. * html .ui-autocomplete {
  50. height: 100px;
  51. }