You are here

basic-brown.css in Search Autocomplete 7.4

/*
 * SEARCH AUTOCOMPLETE
 *
 * Sponsored by:
 * www.axiomcafe.fr
 */

/**
 * THEME BASIC BROWN
 */

/* AUTOCOMPLETE */
input[data-sa-theme="basic-brown"].ui-autocomplete {
  position: absolute;
  cursor: default;
}
* html input[data-sa-theme="basic-brown"].ui-autocomplete {
  width: 1px; /* without this, the menu expands to 100% in IE6 */
}

input[data-sa-theme="basic-brown"].ui-widget-content {
  background: none;
  border-radius: 0px;
  color: #2c2c2c;
  border: 1px solid #c8c8c8;
  box-shadow: 2px 2px 2px -1px rgba(128,128,128,0.6);
  position: absolute;
  background-color: #ffffff;
  font-family: Arial,Tahoma,"Bitstream Vera Sans",sans-serif;
  font-size: 1em;
}

/* AUTOCOMPLETE MENU */
ul[data-sa-theme="basic-brown"] div {
  display: block;
}
ul[data-sa-theme="basic-brown"].ui-menu {
  list-style: none;
  padding: 0px;
  margin: 0;
  display: block;
  float: left;
  min-width: 350px;
}
ul[data-sa-theme="basic-brown"].ui-menu .ui-menu {
  margin-top: -3px;
}
ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  width: 100%;
  line-height: 14px;
  font-size: 12px;
}
ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0;
}
ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item a {
  font-weight: normal;
  margin: -1px;
}

/* Interaction States */
ul[data-sa-theme="basic-brown"] .ui-state-hover {
  background: none;
  border: none;
  border-radius: 0px;
  background-color: #a0522d;
  color: #ffffff;
}
ul[data-sa-theme="basic-brown"] .ui-autocomplete-fields {
  padding: 5px 6px;
  overflow: hidden;
}
ul[data-sa-theme="basic-brown"] .ui-menu-item-first {
  border-top: 1px solid #8b4513;
}
ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-title {
  text-align: left;
  font-size: 1.3em;
}
ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-term {
  font-weight: bold;
}
ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-group {
  background-position: right top;
  background-repeat: no-repeat;
  color: #8b4513;
  float: right;
  position: relative;
  right: 5px;
}

File

css/themes/basic-brown.css
View source
  1. /*
  2. * SEARCH AUTOCOMPLETE
  3. *
  4. * Sponsored by:
  5. * www.axiomcafe.fr
  6. */
  7. /**
  8. * THEME BASIC BROWN
  9. */
  10. /* AUTOCOMPLETE */
  11. input[data-sa-theme="basic-brown"].ui-autocomplete {
  12. position: absolute;
  13. cursor: default;
  14. }
  15. * html input[data-sa-theme="basic-brown"].ui-autocomplete {
  16. width: 1px; /* without this, the menu expands to 100% in IE6 */
  17. }
  18. input[data-sa-theme="basic-brown"].ui-widget-content {
  19. background: none;
  20. border-radius: 0px;
  21. color: #2c2c2c;
  22. border: 1px solid #c8c8c8;
  23. box-shadow: 2px 2px 2px -1px rgba(128,128,128,0.6);
  24. position: absolute;
  25. background-color: #ffffff;
  26. font-family: Arial,Tahoma,"Bitstream Vera Sans",sans-serif;
  27. font-size: 1em;
  28. }
  29. /* AUTOCOMPLETE MENU */
  30. ul[data-sa-theme="basic-brown"] div {
  31. display: block;
  32. }
  33. ul[data-sa-theme="basic-brown"].ui-menu {
  34. list-style: none;
  35. padding: 0px;
  36. margin: 0;
  37. display: block;
  38. float: left;
  39. min-width: 350px;
  40. }
  41. ul[data-sa-theme="basic-brown"].ui-menu .ui-menu {
  42. margin-top: -3px;
  43. }
  44. ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item {
  45. margin: 0;
  46. padding: 0;
  47. float: left;
  48. clear: left;
  49. width: 100%;
  50. line-height: 14px;
  51. font-size: 12px;
  52. }
  53. ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item a {
  54. text-decoration: none;
  55. display: block;
  56. padding: 0;
  57. }
  58. ul[data-sa-theme="basic-brown"].ui-menu .ui-menu-item a {
  59. font-weight: normal;
  60. margin: -1px;
  61. }
  62. /* Interaction States */
  63. ul[data-sa-theme="basic-brown"] .ui-state-hover {
  64. background: none;
  65. border: none;
  66. border-radius: 0px;
  67. background-color: #a0522d;
  68. color: #ffffff;
  69. }
  70. ul[data-sa-theme="basic-brown"] .ui-autocomplete-fields {
  71. padding: 5px 6px;
  72. overflow: hidden;
  73. }
  74. ul[data-sa-theme="basic-brown"] .ui-menu-item-first {
  75. border-top: 1px solid #8b4513;
  76. }
  77. ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-title {
  78. text-align: left;
  79. font-size: 1.3em;
  80. }
  81. ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-term {
  82. font-weight: bold;
  83. }
  84. ul[data-sa-theme="basic-brown"] .ui-autocomplete-field-group {
  85. background-position: right top;
  86. background-repeat: no-repeat;
  87. color: #8b4513;
  88. float: right;
  89. position: relative;
  90. right: 5px;
  91. }