You are here

Home » API reference » Search Autocomplete 6.2

jquery.autocomplete.css in Search Autocomplete 6.2

Same filename and directory in other branches
  1. 7.2 css/jquery.autocomplete.css
.ac_input {
	background-image: url("throbber.gif");
    background-position: 100% 2px;
    background-repeat: no-repeat;
}
.ac_loading {
	/*background: white url('indicator.gif') right center no-repeat;*/
	background-image: url("throbber.gif");
    background-position: 100% -18px;
    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% 2px;

  4.     background-repeat: no-repeat;

  5. }

  6. .ac_loading {

  7. 	/*background: white url('indicator.gif') right center no-repeat;*/

  8. 	background-image: url("throbber.gif");

  9.     background-position: 100% -18px;

  10.     background-repeat: no-repeat;

  11. }

  12. 

  13. .ac_results {

  14. 	padding: 0px;

  15. 	border: 1px solid black;

  16. 	background-color: white;

  17. 	overflow: hidden;

  18. 	z-index: 99999;

  19. }

  20. 

  21. .ac_results ul {

  22. 	width: 100%;

  23. 	list-style-position: outside;

  24. 	list-style: none;

  25. 	padding: 0;

  26. 	margin: 0;

  27. }

  28. 

  29. .ac_results li {

  30. 	background-image: none;

  31. 	margin: 0px;

  32. 	padding: 2px 5px;

  33. 	cursor: default;

  34. 	display: block;

  35. 	/* 

  36. 	if width will be 100% horizontal scrollbar will apear 

  37. 	when scroll mode will be used

  38. 	*/

  39. 	/*width: 100%;*/

  40. 	font: menu;

  41. 	font-size: 12px;

  42. 	/* 

  43. 	it is very important, if line-height not setted or setted 

  44. 	in relative units scroll will be broken in firefox

  45. 	*/

  46. 	line-height: 16px;

  47. 	overflow: hidden;

  48. }

  49. 

  50. .ac_odd {

  51. 	background-color: #eee;

  52. }

  53. 

  54. .ac_over {

  55. 	background-color: #0A246A;

  56. 	color: white;

  57. }

  58. 

  59. /* HELP PANEL CSS */

  60. div.help {

  61.   background-image: url("help.png");

  62. }

  63. div.help {

  64.   background-color: #F7F7F7 !important;

  65.   border: 1px solid #E7E7E7 !important;

  66. }

  67. div.help {

  68.   background-color: #FFFFFF;

  69.   background-position: 10px 50%;

  70.   background-repeat: no-repeat;

  71.   border: 1px solid;

  72.   font-weight: normal;

  73.   margin: 10px 0;

  74.   padding: 15px 10px 15px 50px;

  75. }