jquery.coolautosuggest.css 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. /* Style For Suggestions */
  2. /*
  3. For creating side border like this
  4. | item 1 |
  5. | item 2 |
  6. */
  7. .suggestions .suggest_item{
  8. padding-bottom: 2px;
  9. padding-top: 2px;
  10. background-color:#EEEEEE;
  11. border-left:1px solid #CCCCCC;
  12. border-right:1px solid #CCCCCC;
  13. }
  14. /*
  15. For creating top border like this
  16. ------------
  17. item 1
  18. ...
  19. */
  20. .suggestions .suggest_item.first{
  21. border-top:1px solid #CCCCCC;
  22. }
  23. /*
  24. For creating bottom border like this
  25. ...
  26. item 2 ------------
  27. */
  28. .suggestions .suggest_item.last{
  29. border-bottom:1px solid #CCCCCC;
  30. }
  31. /*
  32. For coloring the selected item
  33. */
  34. .suggestions .suggest_item.selected, .suggestions .suggest_item.selected .description{
  35. background-color:#999999;
  36. color:#FFFFFF;
  37. cursor:pointer;
  38. }
  39. /*
  40. Image thumbnail
  41. */
  42. .suggestions .suggest_item .thumbnail{
  43. background-color: transparent;
  44. background-position: top center;
  45. background-repeat: no-repeat;
  46. margin: 1px 2px 1px 2px;
  47. float: left;
  48. width: 50px;
  49. height: 50px;
  50. }
  51. /*
  52. Description
  53. */
  54. .suggestions .suggest_item .description{
  55. font-style: italic;
  56. font-size: 11px;
  57. color: #777;
  58. }