You are here

Home » API reference » Search API Autocomplete 8

search_api_autocomplete.css in Search API Autocomplete 8 

.search-api-autocomplete-suggestion {
  padding: 3px 5px;
  position: relative;
}

.search-api-autocomplete-search .ui-menu-item-wrapper {
  border: 0;
  color: #333;
  margin: 0;
  padding: 0;
}

.search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {
  background: #0072B9;
  color: #FFF;
}

.search-api-autocomplete-search .ui-menu-item {
  list-style-image: none;
}

.search-api-autocomplete-search .ui-menu-item:hover {
  background: #eee;
}

.search-api-autocomplete-search .ui-menu-item a {
  text-decoration: none;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-note {
  font-size: 90%;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {
  font-weight: bold;
}

.search-api-autocomplete-suggestion .autocomplete-suggestion-results-count {
  position: absolute;
  right: 0.2em;
}

File

css/search_api_autocomplete.css
View source 
  1. .search-api-autocomplete-suggestion {

  2.   padding: 3px 5px;

  3.   position: relative;

  4. }

  5. 

  6. .search-api-autocomplete-search .ui-menu-item-wrapper {

  7.   border: 0;

  8.   color: #333;

  9.   margin: 0;

  10.   padding: 0;

  11. }

  12. 

  13. .search-api-autocomplete-search .ui-menu-item-wrapper.ui-state-active .search-api-autocomplete-suggestion {

  14.   background: #0072B9;

  15.   color: #FFF;

  16. }

  17. 

  18. .search-api-autocomplete-search .ui-menu-item {

  19.   list-style-image: none;

  20. }

  21. 

  22. .search-api-autocomplete-search .ui-menu-item:hover {

  23.   background: #eee;

  24. }

  25. 

  26. .search-api-autocomplete-search .ui-menu-item a {

  27.   text-decoration: none;

  28. }

  29. 

  30. .search-api-autocomplete-suggestion .autocomplete-suggestion-note {

  31.   font-size: 90%;

  32. }

  33. 

  34. .search-api-autocomplete-suggestion .autocomplete-suggestion-user-input {

  35.   font-weight: bold;

  36. }

  37. 

  38. .search-api-autocomplete-suggestion .autocomplete-suggestion-results-count {

  39.   position: absolute;

  40.   right: 0.2em;

  41. }