You are here

Home » API reference » Search Autocomplete 7.3

full paper brown.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 FULL PAPER BROWN
  */ 

  
/* 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 PAPER GINGER
 *
 * 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-full-paper-brown { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; }
#ui-theme-full-paper-brown. a { color: #1f1f1f; }

/* Interaction states */
#ui-theme-full-paper-brown .ui-state-hover { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }
#ui-theme-full-paper-brown .ui-state-hover a, #ui-theme-full-paper-brown .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }

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

File

css/full paper brown.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 FULL PAPER BROWN

  13.   */ 

  14. 

  15.   

  16. /* AUTOCOMPLETE 

  17. ----------------------------------*/

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

  62.  * jQuery UI Autocomplete 1.8.22

  63.  *

  64.  * LIGHTNESS PAPER GINGER

  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-full-paper-brown { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; border: 1px solid #d9d6c4; background: #eceadf url(images/ui-bg_fine-grain_10_eceadf_60x60.png) 50% 50% repeat; color: #1f1f1f; }

  75. #ui-theme-full-paper-brown. a { color: #1f1f1f; }

  76. 

  77. /* Interaction states */

  78. #ui-theme-full-paper-brown .ui-state-hover { border: 1px solid #654b24; background: #654b24 url(images/ui-bg_fine-grain_65_654b24_60x60.png) 50% 50% repeat; font-weight: bold; color: #ffffff; }

  79. #ui-theme-full-paper-brown .ui-state-hover a, #ui-theme-full-paper-brown .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }

  80. 

  81. /* Corner radius */

  82. #ui-theme-full-paper-brown .ui-corner-all { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; -khtml-border-top-left-radius: 5px; border-top-left-radius: 5px; }

  83. #ui-theme-full-paper-brown .ui-corner-all { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; -khtml-border-top-right-radius: 5px; border-top-right-radius: 5px; }

  84. #ui-theme-full-paper-brown .ui-corner-all { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }

  85. #ui-theme-full-paper-brown .ui-corner-all { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }