You are here

classic.css in Search Autocomplete 6.4

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

/**
 * THEME NICE ORANGE
 */

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

/* make even odd distinction */
#myUI-theme-classic .myUI-menu-item-odd {
  background-color: #eeeeee;
}

/* Component containers */
#myUI-theme-classic {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}
#myUI-theme-classic a {
  color: #333333;
}

/* Corner radius */
#myUI-theme-classic .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-classic .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-classic .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-classic .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-classic .myUI-state-hover {
  font-weight: normal;
  border: none;
  background-image: none;
  background-color: #0a246a;
  color: white;
}

#myUI-theme-classic .myUI-autocomplete-field-term{
  font-weight: bold;
  color : blue;
}
#myUI-theme-classic .myUI-autocomplete-field-title {
  font-size: 19px;
}
#myUI-theme-classic .myUI-autocomplete-field-name,
#myUI-theme-classic .myUI-autocomplete-field-comment_count {
  font-size: 9px;
  color: #999;
}

File

css/custom_styles/classic.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-classic.myUI-autocomplete {
  12. position: absolute;
  13. cursor: default;
  14. }
  15. * html .myUI-theme-classic.myUI-autocomplete {
  16. width: 1px; /* without this, the menu expands to 100% in IE6 */
  17. }
  18. .myUI-theme-classic.myUI-autocomplete-input {
  19. background-image: url("images/throbber.gif");
  20. background-position: 100% 4px;
  21. background-repeat: no-repeat;
  22. }
  23. .myUI-theme-classic.myUI-autocomplete-loading {
  24. background-image: url("images/throbber.gif");
  25. background-position: 100% -16px;
  26. background-repeat: no-repeat;
  27. }
  28. #myUI-theme-classic.myUI-menu {
  29. list-style: none;
  30. padding: 2px;
  31. margin: 0;
  32. display: block;
  33. float: left;
  34. }
  35. #myUI-theme-classic.myUI-menu .myUI-menu {
  36. margin-top: -3px;
  37. }
  38. #myUI-theme-classic.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-classic.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-classic.myUI-menu .myUI-menu-item a {
  54. font-weight: normal;
  55. margin: -1px;
  56. }
  57. /* make even odd distinction */
  58. #myUI-theme-classic .myUI-menu-item-odd {
  59. background-color: #eeeeee;
  60. }
  61. /* Component containers */
  62. #myUI-theme-classic {
  63. font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  64. font-size: 1.1em;
  65. }
  66. #myUI-theme-classic a {
  67. color: #333333;
  68. }
  69. /* Corner radius */
  70. #myUI-theme-classic .myUI-corner-all {
  71. -moz-border-radius-topleft: 4px;
  72. -webkit-border-top-left-radius: 4px;
  73. -khtml-border-top-left-radius: 4px;
  74. border-top-left-radius: 4px;
  75. }
  76. #myUI-theme-classic .myUI-corner-all {
  77. -moz-border-radius-topright: 4px;
  78. -webkit-border-top-right-radius: 4px;
  79. -khtml-border-top-right-radius: 4px;
  80. border-top-right-radius: 4px;
  81. }
  82. #myUI-theme-classic .myUI-corner-all {
  83. -moz-border-radius-bottomleft: 4px;
  84. -webkit-border-bottom-left-radius: 4px;
  85. -khtml-border-bottom-left-radius: 4px;
  86. border-bottom-left-radius: 4px;
  87. }
  88. #myUI-theme-classic .myUI-corner-all {
  89. -moz-border-radius-bottomright: 4px;
  90. -webkit-border-bottom-right-radius: 4px;
  91. -khtml-border-bottom-right-radius: 4px;
  92. border-bottom-right-radius: 4px;
  93. }
  94. /* Interaction States */
  95. #myUI-theme-classic .myUI-state-hover {
  96. font-weight: normal;
  97. border: none;
  98. background-image: none;
  99. background-color: #0a246a;
  100. color: white;
  101. }
  102. #myUI-theme-classic .myUI-autocomplete-field-term{
  103. font-weight: bold;
  104. color : blue;
  105. }
  106. #myUI-theme-classic .myUI-autocomplete-field-title {
  107. font-size: 19px;
  108. }
  109. #myUI-theme-classic .myUI-autocomplete-field-name,
  110. #myUI-theme-classic .myUI-autocomplete-field-comment_count {
  111. font-size: 9px;
  112. color: #999;
  113. }