You are here

Home » API reference » Search Autocomplete 7.3

nice green.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 CUSTOM
  */ 

  
/*******     DO NOT CHANGE ANYTHING IN HERE : have a look at the end of css file ***********/  
/* 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 YOUR CUSTOM CHANGES IN HERE     ***********/  
  
/* Component containers */
#ui-theme-nice-green {  font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; border: 1px solid #dfd9c3; background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25; }
#ui-theme-nice-green a { color: #312e25; }

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

/* Interaction States */
#ui-theme-nice-green .ui-state-hover { border: 1px solid #327e04; background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }
#ui-theme-nice-green .ui-state-hover a, #ui-theme-nice-green .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }

File

css/nice green.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 CUSTOM

  13.   */ 

  14. 

  15.   

  16. /*******     DO NOT CHANGE ANYTHING IN HERE : have a look at the end of css file ***********/  

  17. /* AUTOCOMPLETE  : */

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

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

  20. .ui-autocomplete-input {

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

  22.   background-position: 100% 4px;

  23.   background-repeat: no-repeat;

  24. }

  25. .ui-autocomplete-loading {

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

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

  28.   background-repeat: no-repeat;

  29. }

  30. .ui-menu {

  31. 	list-style:none;

  32. 	padding: 2px;

  33. 	margin: 0;

  34. 	display:block;

  35. 	float: left;

  36. }

  37. .ui-menu .ui-menu {

  38. 	margin-top: -3px;

  39. }

  40. .ui-menu .ui-menu-item {

  41. 	margin:0;

  42. 	padding: 0;

  43. 	zoom: 1;

  44. 	float: left;

  45. 	clear: left;

  46. 	width: 100%;

  47. }

  48. .ui-menu .ui-menu-item a {

  49. 	text-decoration:none;

  50. 	display:block;

  51. 	padding:.2em .4em;

  52. 	line-height:1.5;

  53. 	zoom:1;

  54. }

  55. .ui-menu .ui-menu-item a {

  56. 	font-weight: normal;

  57. 	margin: -1px;

  58. }

  59. 

  60. /************************************************************/

  61. /*******     MAKE YOUR CUSTOM CHANGES IN HERE     ***********/  

  62.   

  63. /* Component containers */

  64. #ui-theme-nice-green {  font-family: segoe ui, Arial, sans-serif; font-size: 1.1em; border: 1px solid #dfd9c3; background: #f5f3e5 url(images/ui-bg_highlight-hard_100_f5f3e5_1x100.png) 50% top repeat-x; color: #312e25; }

  65. #ui-theme-nice-green a { color: #312e25; }

  66. 

  67. /* Corner radius */

  68. #ui-theme-nice-green .ui-corner-all { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; }

  69. #ui-theme-nice-green .ui-corner-all { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; }

  70. #ui-theme-nice-green .ui-corner-all { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -khtml-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; }

  71. #ui-theme-nice-green .ui-corner-all { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; -khtml-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; }

  72. 

  73. /* Interaction States */

  74. #ui-theme-nice-green .ui-state-hover { border: 1px solid #327e04; background: #67b021 url(images/ui-bg_highlight-soft_25_67b021_1x100.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; }

  75. #ui-theme-nice-green .ui-state-hover a, #ui-theme-nice-green .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }