You are here

Home » API reference » Search Autocomplete 7.3

nice orange.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;
}

/*!
 * jQuery UI Autocomplete 1.8.22
 *
 * LIGHTNESS THEME
 *
 * Copyright 2012
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
  
/* Component containers */
#ui-theme-nice-orange { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
#ui-theme-nice-orange a { color: #333333; }

/* Corner radius */
#ui-theme-nice-orange .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-nice-orange .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-nice-orange .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-nice-orange .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-nice-orange .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #c77405; }

File

css/nice orange.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. /*!

  62.  * jQuery UI Autocomplete 1.8.22

  63.  *

  64.  * LIGHTNESS THEME

  65.  *

  66.  * Copyright 2012

  67.  * Dual licensed under the MIT or GPL Version 2 licenses.

  68.  * http://jquery.org/license

  69.  *

  70.  * http://docs.jquery.com/UI/Theming/API

  71.  */

  72.   

  73. /* Component containers */

  74. #ui-theme-nice-orange { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }

  75. #ui-theme-nice-orange a { color: #333333; }

  76. 

  77. /* Corner radius */

  78. #ui-theme-nice-orange .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; }

  79. #ui-theme-nice-orange .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; }

  80. #ui-theme-nice-orange .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; }

  81. #ui-theme-nice-orange .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; }

  82. 

  83. /* Interaction States */

  84. #ui-theme-nice-orange .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #c77405; }