You are here

facebook like.css in Search Autocomplete 6.4

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

/**
 * THEME FACEBOOK-LIKE
 */

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

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

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

/* Corner radius */
#myUI-theme-facebook-like .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;

  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -khtml-border-top-right-radius: 4px;
  border-top-right-radius: 4px;

  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -khtml-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;

  -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-facebook-like .myUI-state-hover {
  font-weight: normal;
  border: none;
  background-image: none;
  background-color: #0a246a;
  color: white;
}
#myUI-theme-facebook-like a {
  min-height: 50px;
  padding: 3px 3px 3px 60px;
}
#myUI-theme-facebook-like .myUI-autocomplete-field-term{
  font-weight: bold;
  color : blue;
}
#myUI-theme-facebook-like .myUI-autocomplete-field-name {
  font-size: 20px;
}
#myUI-theme-facebook-like .myUI-autocomplete-field-rid {
  font-size: 9px;
  color: #999;
}
#myUI-theme-facebook-like .myUI-autocomplete-field-picture {
  left: 4px;
  position: absolute;
}

File

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