You are here

nice orange.css in Search Autocomplete 6.4

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

/**
 * THEME NICE ORANGE
 */


/* AUTOCOMPLETE  */
.myUI-theme-nice-orange.myUI-autocomplete {
  position: absolute;
  cursor: default;
}
* html .myUI-theme-nice-orange.myUI-autocomplete {
  width: 1px; /* without this, the menu expands to 100% in IE6 */
}
.myUI-theme-nice-orange.myUI-autocomplete-input {
  background-image: url("images/throbber.gif");
  background-position: 100% 4px;
  background-repeat: no-repeat;
}
.myUI-theme-nice-orange.myUI-autocomplete-loading {
  background-image: url("images/throbber.gif");
  background-position: 100% -16px;
  background-repeat: no-repeat;
}
#myUI-theme-nice-orange.myUI-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
}
#myUI-theme-nice-orange.myUI-menu .myUI-menu {
  margin-top: -3px;
}
#myUI-theme-nice-orange.myUI-menu .myUI-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
#myUI-theme-nice-orange.myUI-menu .myUI-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
#myUI-theme-nice-orange.myUI-menu .myUI-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 */
#myUI-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;
}
#myUI-theme-nice-orange a {
  color: #333333;
}

/* Corner radius */
#myUI-theme-nice-orange .myUI-corner-all {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -khtml-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
}
#myUI-theme-nice-orange .myUI-corner-all {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
#myUI-theme-nice-orange .myUI-corner-all {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#myUI-theme-nice-orange .myUI-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 */
#myUI-theme-nice-orange .myUI-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/custom_styles/nice orange.css
View source
  1. /*
  2. * SEARCH AUTOCOMPLETE (version 7.3-x)
  3. *
  4. * Sponsored by:
  5. * www.axiomcafe.fr
  6. */
  7. /**
  8. * THEME NICE ORANGE
  9. */
  10. /* AUTOCOMPLETE */
  11. .myUI-theme-nice-orange.myUI-autocomplete {
  12. position: absolute;
  13. cursor: default;
  14. }
  15. * html .myUI-theme-nice-orange.myUI-autocomplete {
  16. width: 1px; /* without this, the menu expands to 100% in IE6 */
  17. }
  18. .myUI-theme-nice-orange.myUI-autocomplete-input {
  19. background-image: url("images/throbber.gif");
  20. background-position: 100% 4px;
  21. background-repeat: no-repeat;
  22. }
  23. .myUI-theme-nice-orange.myUI-autocomplete-loading {
  24. background-image: url("images/throbber.gif");
  25. background-position: 100% -16px;
  26. background-repeat: no-repeat;
  27. }
  28. #myUI-theme-nice-orange.myUI-menu {
  29. list-style: none;
  30. padding: 2px;
  31. margin: 0;
  32. display: block;
  33. float: left;
  34. }
  35. #myUI-theme-nice-orange.myUI-menu .myUI-menu {
  36. margin-top: -3px;
  37. }
  38. #myUI-theme-nice-orange.myUI-menu .myUI-menu-item {
  39. margin: 0;
  40. padding: 0;
  41. zoom: 1;
  42. float: left;
  43. clear: left;
  44. width: 100%;
  45. }
  46. #myUI-theme-nice-orange.myUI-menu .myUI-menu-item a {
  47. text-decoration: none;
  48. display: block;
  49. padding: .2em .4em;
  50. line-height: 1.5;
  51. zoom: 1;
  52. }
  53. #myUI-theme-nice-orange.myUI-menu .myUI-menu-item a {
  54. font-weight: normal;
  55. margin: -1px;
  56. }
  57. /*!
  58. * jQuery UI Autocomplete 1.8.22
  59. *
  60. * LIGHTNESS THEME
  61. *
  62. * Copyright 2012
  63. * Dual licensed under the MIT or GPL Version 2 licenses.
  64. * http://jquery.org/license
  65. *
  66. * http://docs.jquery.com/UI/Theming/API
  67. */
  68. /* Component containers */
  69. #myUI-theme-nice-orange {
  70. font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  71. font-size: 1.1em;
  72. border: 1px solid #dddddd;
  73. background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;
  74. color: #333333;
  75. }
  76. #myUI-theme-nice-orange a {
  77. color: #333333;
  78. }
  79. /* Corner radius */
  80. #myUI-theme-nice-orange .myUI-corner-all {
  81. -moz-border-radius-topleft: 4px;
  82. -webkit-border-top-left-radius: 4px;
  83. -khtml-border-top-left-radius: 4px;
  84. border-top-left-radius: 4px;
  85. }
  86. #myUI-theme-nice-orange .myUI-corner-all {
  87. -moz-border-radius-topright: 4px;
  88. -webkit-border-top-right-radius: 4px;
  89. -khtml-border-top-right-radius: 4px;
  90. border-top-right-radius: 4px;
  91. }
  92. #myUI-theme-nice-orange .myUI-corner-all {
  93. -moz-border-radius-bottomleft: 4px;
  94. -webkit-border-bottom-left-radius: 4px;
  95. -khtml-border-bottom-left-radius: 4px;
  96. border-bottom-left-radius: 4px;
  97. }
  98. #myUI-theme-nice-orange .myUI-corner-all {
  99. -moz-border-radius-bottomright: 4px;
  100. -webkit-border-bottom-right-radius: 4px;
  101. -khtml-border-bottom-right-radius: 4px;
  102. border-bottom-right-radius: 4px;
  103. }
  104. /* Interaction States */
  105. #myUI-theme-nice-orange .myUI-state-hover {
  106. border: 1px solid #fbcb09;
  107. background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x;
  108. font-weight: normal;
  109. color: #c77405;
  110. }