You are here

Home » API reference » Search Autocomplete 7.3

classic.css in Search Autocomplete 7.3 

/*
 * SEARCH AUTOCOMPLETE (version 7.3-x)
 *
 * @authors
 * Miroslav Talenberg (Dominique CLAUSE) <http://www.axiomcafe.fr/contact>
 *
 * Sponsored by:
 * www.axiomcafe.fr
 */
 
 /**
  * THEME NICE ORANGE
  */ 

  
  
/* AUTOCOMPLETE 
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }	
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.ui-autocomplete-input {
  background-image: url("images/throbber.gif");
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.ui-autocomplete-loading {
  background-image: url("images/throbber.gif");
  background-position: 100% -16px;
  background-repeat: no-repeat;
}
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a {
	font-weight: normal;
	margin: -1px;
}

/* make even odd distinction */
#ui-theme-classic .ui-menu-item-odd {
	background-color: #eeeeee;
}
#ui-theme-classic .ui-menu-item-even { }

/* Component containers */
#ui-theme-classic { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
#ui-theme-classic a { color: #333333; }

/* Corner radius */
#ui-theme-classic .ui-corner-all { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
#ui-theme-classic .ui-corner-all { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
#ui-theme-classic .ui-corner-all { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
#ui-theme-classic .ui-corner-all { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Interaction States */
#ui-theme-classic .ui-state-hover { font-weight: normal; border: none; background-image: none; background-color: #0A246A; color: white; }

File

css/classic.css
View source 
  1. /*

  2.  * SEARCH AUTOCOMPLETE (version 7.3-x)

  3.  *

  4.  * @authors

  5.  * Miroslav Talenberg (Dominique CLAUSE) 

  6.  *

  7.  * Sponsored by:

  8.  * www.axiomcafe.fr

  9.  */

  10.  

  11.  /**

  12.   * THEME NICE ORANGE

  13.   */ 

  14. 

  15.   

  16.   

  17. /* AUTOCOMPLETE 

  18. ----------------------------------*/

  19. .ui-autocomplete { position: absolute; cursor: default; }	

  20. * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

  21. .ui-autocomplete-input {

  22.   background-image: url("images/throbber.gif");

  23.   background-position: 100% 4px;

  24.   background-repeat: no-repeat;

  25. }

  26. .ui-autocomplete-loading {

  27.   background-image: url("images/throbber.gif");

  28.   background-position: 100% -16px;

  29.   background-repeat: no-repeat;

  30. }

  31. .ui-menu {

  32. 	list-style:none;

  33. 	padding: 2px;

  34. 	margin: 0;

  35. 	display:block;

  36. 	float: left;

  37. }

  38. .ui-menu .ui-menu {

  39. 	margin-top: -3px;

  40. }

  41. .ui-menu .ui-menu-item {

  42. 	margin:0;

  43. 	padding: 0;

  44. 	zoom: 1;

  45. 	float: left;

  46. 	clear: left;

  47. 	width: 100%;

  48. }

  49. .ui-menu .ui-menu-item a {

  50. 	text-decoration:none;

  51. 	display:block;

  52. 	padding:.2em .4em;

  53. 	line-height:1.5;

  54. 	zoom:1;

  55. }

  56. .ui-menu .ui-menu-item a {

  57. 	font-weight: normal;

  58. 	margin: -1px;

  59. }

  60. 

  61. /* make even odd distinction */

  62. #ui-theme-classic .ui-menu-item-odd {

  63. 	background-color: #eeeeee;

  64. }

  65. #ui-theme-classic .ui-menu-item-even { }

  66. 

  67. /* Component containers */

  68. #ui-theme-classic { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }

  69. #ui-theme-classic a { color: #333333; }

  70. 

  71. /* Corner radius */

  72. #ui-theme-classic .ui-corner-all { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }

  73. #ui-theme-classic .ui-corner-all { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }

  74. #ui-theme-classic .ui-corner-all { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }

  75. #ui-theme-classic .ui-corner-all { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

  76. 

  77. /* Interaction States */

  78. #ui-theme-classic .ui-state-hover { font-weight: normal; border: none; background-image: none; background-color: #0A246A; color: white; }