You are here

nice blue.css in Search Autocomplete 6.4

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

/**
 * THEME NICE BLUE
 */


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

/*!
 * jQuery UI CSS Framework 1.8.22
 *
 * START THEME
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * 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-blue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
  border: 1px solid #a6c9e2;
  background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
  color: #222222;
}
#myUI-theme-nice-blue a {
  color: #222222;
}

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

/* Interaction states */
#myUI-theme-nice-blue .myUI-state-hover {
  border: 1px solid #448dae;
  background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #026890;
}
#myUI-theme-nice-blue .myUI-state-hover a,
#myUI-theme-nice-blue .myUI-state-hover a:hover {
  color: #026890;
  text-decoration: none;
}

File

css/custom_styles/nice blue.css
View source
  1. /*
  2. * SEARCH AUTOCOMPLETE (version 7.3-x)
  3. *
  4. * Sponsored by:
  5. * www.axiomcafe.fr
  6. */
  7. /**
  8. * THEME NICE BLUE
  9. */
  10. /* AUTOCOMPLETE */
  11. .myUI-theme-nice-blue.myUI-autocomplete {
  12. position: absolute;
  13. cursor: default;
  14. }
  15. * html .myUI-theme-nice-blue.myUI-autocomplete {
  16. width: 1px; /* without this, the menu expands to 100% in IE6 */
  17. }
  18. .myUI-theme-nice-blue.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-blue.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-blue.myUI-menu {
  29. list-style: none;
  30. padding: 2px;
  31. margin: 0;
  32. display: block;
  33. float: left;
  34. }
  35. .myUI-theme-nice-blue.myUI-menu .myUI-menu {
  36. margin-top: -3px;
  37. }
  38. .myUI-theme-nice-blue.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-blue.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-blue.myUI-menu .myUI-menu-item a {
  54. font-weight: normal;
  55. margin: -1px;
  56. }
  57. /*!
  58. * jQuery UI CSS Framework 1.8.22
  59. *
  60. * START THEME
  61. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  62. * Dual licensed under the MIT or GPL Version 2 licenses.
  63. * http://jquery.org/license
  64. *
  65. * http://docs.jquery.com/UI/Theming/API
  66. */
  67. /* Component containers */
  68. #myUI-theme-nice-blue {
  69. font-family: Verdana, Arial, sans-serif;
  70. font-size: 1.1em;
  71. border: 1px solid #a6c9e2;
  72. background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x;
  73. color: #222222;
  74. }
  75. #myUI-theme-nice-blue a {
  76. color: #222222;
  77. }
  78. /* Corner radius */
  79. #myUI-theme-nice-blue .myUI-corner-all {
  80. -moz-border-radius-topleft: 5px;
  81. -webkit-border-top-left-radius: 5px;
  82. -khtml-border-top-left-radius: 5px;
  83. border-top-left-radius: 5px;
  84. }
  85. #myUI-theme-nice-blue .myUI-corner-all {
  86. -moz-border-radius-topright: 5px;
  87. -webkit-border-top-right-radius: 5px;
  88. -khtml-border-top-right-radius: 5px;
  89. border-top-right-radius: 5px;
  90. }
  91. #myUI-theme-nice-blue .myUI-corner-all {
  92. -moz-border-radius-bottomleft: 5px;
  93. -webkit-border-bottom-left-radius: 5px;
  94. -khtml-border-bottom-left-radius: 5px;
  95. border-bottom-left-radius: 5px;
  96. }
  97. #myUI-theme-nice-blue .myUI-corner-all {
  98. -moz-border-radius-bottomright: 5px;
  99. -webkit-border-bottom-right-radius: 5px;
  100. -khtml-border-bottom-right-radius: 5px;
  101. border-bottom-right-radius: 5px;
  102. }
  103. /* Interaction states */
  104. #myUI-theme-nice-blue .myUI-state-hover {
  105. border: 1px solid #448dae;
  106. background: #79c9ec url(images/ui-bg_glass_75_79c9ec_1x400.png) 50% 50% repeat-x;
  107. font-weight: normal;
  108. color: #026890;
  109. }
  110. #myUI-theme-nice-blue .myUI-state-hover a,
  111. #myUI-theme-nice-blue .myUI-state-hover a:hover {
  112. color: #026890;
  113. text-decoration: none;
  114. }