You are here

jquery.autocomplete.css in Search Autocomplete 7.2

Same filename and directory in other branches
  1. 6.2 css/jquery.autocomplete.css
.ac_input {
	background-image: url("throbber.gif");
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.ac_loading {
	background-image: url("throbber.gif");
  background-position: 100% -16px;
  background-repeat: no-repeat;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	background-image: none;
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* HELP PANEL CSS */
div.help {
  background-image: url("help.png");
}
div.help {
  background-color: #F7F7F7 !important;
  border: 1px solid #E7E7E7 !important;
}
div.help {
  background-color: #FFFFFF;
  background-position: 10px 50%;
  background-repeat: no-repeat;
  border: 1px solid;
  font-weight: normal;
  margin: 10px 0;
  padding: 15px 10px 15px 50px;
}

File

css/jquery.autocomplete.css
View source
  1. .ac_input {
  2. background-image: url("throbber.gif");
  3. background-position: 100% 4px;
  4. background-repeat: no-repeat;
  5. }
  6. .ac_loading {
  7. background-image: url("throbber.gif");
  8. background-position: 100% -16px;
  9. background-repeat: no-repeat;
  10. }
  11. .ac_results {
  12. padding: 0px;
  13. border: 1px solid black;
  14. background-color: white;
  15. overflow: hidden;
  16. z-index: 99999;
  17. }
  18. .ac_results ul {
  19. width: 100%;
  20. list-style-position: outside;
  21. list-style: none;
  22. padding: 0;
  23. margin: 0;
  24. }
  25. .ac_results li {
  26. background-image: none;
  27. margin: 0px;
  28. padding: 2px 5px;
  29. cursor: default;
  30. display: block;
  31. /*
  32. if width will be 100% horizontal scrollbar will apear
  33. when scroll mode will be used
  34. */
  35. /*width: 100%;*/
  36. font: menu;
  37. font-size: 12px;
  38. /*
  39. it is very important, if line-height not setted or setted
  40. in relative units scroll will be broken in firefox
  41. */
  42. line-height: 16px;
  43. overflow: hidden;
  44. }
  45. .ac_odd {
  46. background-color: #eee;
  47. }
  48. .ac_over {
  49. background-color: #0A246A;
  50. color: white;
  51. }
  52. /* HELP PANEL CSS */
  53. div.help {
  54. background-image: url("help.png");
  55. }
  56. div.help {
  57. background-color: #F7F7F7 !important;
  58. border: 1px solid #E7E7E7 !important;
  59. }
  60. div.help {
  61. background-color: #FFFFFF;
  62. background-position: 10px 50%;
  63. background-repeat: no-repeat;
  64. border: 1px solid;
  65. font-weight: normal;
  66. margin: 10px 0;
  67. padding: 15px 10px 15px 50px;
  68. }