You are here

Home » API reference » Search Autocomplete 6.4

tripadvisor.css in Search Autocomplete 6.4 

/*
 * SEARCH AUTOCOMPLETE (version 7.3-x)
 *
 * Sponsored by:
 * www.axiomcafe.fr
 */

/**
 * THEME NICE ORANGE
 */

/* AUTOCOMPLETE */
.myUI-theme-tripadvisor.myUI-autocomplete {
  position: absolute;
  cursor: default;
}
* html .myUI-theme-tripadvisor.myUI-autocomplete {
  width: 1px; /* without this, the menu expands to 100% in IE6 */
}
.myUI-theme-tripadvisor.myUI-autocomplete-input {
  background-image: url("images/throbber.gif");
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.myUI-theme-tripadvisor.myUI-autocomplete-loading {
  background-image: url("images/throbber.gif");
  background-position: 100% -16px;
  background-repeat: no-repeat;
}

.myUI-theme-tripadvisor.myUI-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;
}
#myUI-theme-tripadvisor.myUI-menu {
  list-style: none;
  padding: 0px;
  margin: 0;
  display: block;
  float: left;
}
#myUI-theme-tripadvisor.myUI-menu .myUI-menu {
  margin-top: -3px;
}
#myUI-theme-tripadvisor.myUI-menu .myUI-menu-item {
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  width: 100%;  
  line-height: 14px;
  font-size: 12px;
}
#myUI-theme-tripadvisor.myUI-menu .myUI-menu-item a {
  text-decoration: none;
  display: block;
  padding: 0;
}
#myUI-theme-tripadvisor.myUI-menu .myUI-menu-item a {
  font-weight: normal;
  margin: -1px;
}

/* Interaction States */
#myUI-theme-tripadvisor .myUI-state-hover {
  background: none;
  border: none;
  border-radius: 0px;
  background-color: #99CC66;
  color: #FFFFFF;
}
#myUI-theme-tripadvisor .myUI-autocomplete-fields {
  padding: 5px 6px;
}
#myUI-theme-tripadvisor .myUI-autocomplete-fields.first {
  border-top: 1px solid #D3E0BB;
}
#myUI-theme-tripadvisor .myUI-autocomplete-field-title {
text-align: left;
}
#myUI-theme-tripadvisor .myUI-autocomplete-field-term {
  font-weight: bold;
}
#myUI-theme-tripadvisor .myUI-autocomplete-field-group {
  background-position: right top;
  background-repeat: no-repeat;
  color: #589442;
  float: right;
}

File

css/custom_styles/tripadvisor.css
View source 
  1. /*

  2.  * SEARCH AUTOCOMPLETE (version 7.3-x)

  3.  *

  4.  * Sponsored by:

  5.  * www.axiomcafe.fr

  6.  */

  7. 

  8. /**

  9.  * THEME NICE ORANGE

  10.  */

  11. 

  12. /* AUTOCOMPLETE */

  13. .myUI-theme-tripadvisor.myUI-autocomplete {

  14.   position: absolute;

  15.   cursor: default;

  16. }

  17. * html .myUI-theme-tripadvisor.myUI-autocomplete {

  18.   width: 1px; /* without this, the menu expands to 100% in IE6 */

  19. }

  20. .myUI-theme-tripadvisor.myUI-autocomplete-input {

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

  22.   background-position: 100% 4px;

  23.   background-repeat: no-repeat;

  24. }

  25. .myUI-theme-tripadvisor.myUI-autocomplete-loading {

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

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

  28.   background-repeat: no-repeat;

  29. }

  30. 

  31. .myUI-theme-tripadvisor.myUI-widget-content {

  32.   background: none;

  33.   border-radius: 0px;

  34.   color: #2c2c2c;

  35.   border: 1px solid #c8c8c8;

  36.   box-shadow: 2px 2px 2px -1px rgba(128,128,128,0.6);

  37.   position: absolute;

  38.   background-color: #FFFFFF;

  39.   font-family: Arial,Tahoma,"Bitstream Vera Sans",sans-serif;

  40.   font-size: 1em;

  41. }

  42. #myUI-theme-tripadvisor.myUI-menu {

  43.   list-style: none;

  44.   padding: 0px;

  45.   margin: 0;

  46.   display: block;

  47.   float: left;

  48. }

  49. #myUI-theme-tripadvisor.myUI-menu .myUI-menu {

  50.   margin-top: -3px;

  51. }

  52. #myUI-theme-tripadvisor.myUI-menu .myUI-menu-item {

  53.   margin: 0;

  54.   padding: 0;

  55.   float: left;

  56.   clear: left;

  57.   width: 100%;  

  58.   line-height: 14px;

  59.   font-size: 12px;

  60. }

  61. #myUI-theme-tripadvisor.myUI-menu .myUI-menu-item a {

  62.   text-decoration: none;

  63.   display: block;

  64.   padding: 0;

  65. }

  66. #myUI-theme-tripadvisor.myUI-menu .myUI-menu-item a {

  67.   font-weight: normal;

  68.   margin: -1px;

  69. }

  70. 

  71. /* Interaction States */

  72. #myUI-theme-tripadvisor .myUI-state-hover {

  73.   background: none;

  74.   border: none;

  75.   border-radius: 0px;

  76.   background-color: #99CC66;

  77.   color: #FFFFFF;

  78. }

  79. #myUI-theme-tripadvisor .myUI-autocomplete-fields {

  80.   padding: 5px 6px;

  81. }

  82. #myUI-theme-tripadvisor .myUI-autocomplete-fields.first {

  83.   border-top: 1px solid #D3E0BB;

  84. }

  85. #myUI-theme-tripadvisor .myUI-autocomplete-field-title {

  86. text-align: left;

  87. }

  88. #myUI-theme-tripadvisor .myUI-autocomplete-field-term {

  89.   font-weight: bold;

  90. }

  91. #myUI-theme-tripadvisor .myUI-autocomplete-field-group {

  92.   background-position: right top;

  93.   background-repeat: no-repeat;

  94.   color: #589442;

  95.   float: right;

  96. }