You are here

like_and_dislike.icons.css in Like & Dislike 8

.vote-like,
.vote-dislike {
  display: inline-block;
}

.vote-like a,
.vote-like a:link,
.vote-like a:visited,
.vote-dislike a,
.vote-dislike a:link,
.vote-dislike a:visited {
  background: url('../images/sprite.png') no-repeat;
  text-indent: -9999px;
  display: inline-block;
  border: 0;
  cursor: pointer;
  width: 19px;
  height: 19px;
}

.vote-like a {
  background-position: 0 0;
}

.vote-like a.disable-status,
.vote-like a.disable-status:hover {
  background-position: 0 0;
  cursor: auto;
}

.vote-like a.voted {
  background-position: 0 -29px!important;
}

.vote-like a:hover {
  background-position: 0 -58px;
}

.vote-dislike a {
  background-position: -28px 0;
}

.vote-dislike a.disable-status,
.vote-dislike a.disable-status:hover {
  background-position: -28px 0;
  cursor: auto;
}

.vote-dislike a.voted {
  background-position: -28px -29px!important;
}

.vote-dislike a:hover {
  background-position: -28px -58px;
}

File

css/like_and_dislike.icons.css
View source
  1. .vote-like,
  2. .vote-dislike {
  3. display: inline-block;
  4. }
  5. .vote-like a,
  6. .vote-like a:link,
  7. .vote-like a:visited,
  8. .vote-dislike a,
  9. .vote-dislike a:link,
  10. .vote-dislike a:visited {
  11. background: url('../images/sprite.png') no-repeat;
  12. text-indent: -9999px;
  13. display: inline-block;
  14. border: 0;
  15. cursor: pointer;
  16. width: 19px;
  17. height: 19px;
  18. }
  19. .vote-like a {
  20. background-position: 0 0;
  21. }
  22. .vote-like a.disable-status,
  23. .vote-like a.disable-status:hover {
  24. background-position: 0 0;
  25. cursor: auto;
  26. }
  27. .vote-like a.voted {
  28. background-position: 0 -29px!important;
  29. }
  30. .vote-like a:hover {
  31. background-position: 0 -58px;
  32. }
  33. .vote-dislike a {
  34. background-position: -28px 0;
  35. }
  36. .vote-dislike a.disable-status,
  37. .vote-dislike a.disable-status:hover {
  38. background-position: -28px 0;
  39. cursor: auto;
  40. }
  41. .vote-dislike a.voted {
  42. background-position: -28px -29px!important;
  43. }
  44. .vote-dislike a:hover {
  45. background-position: -28px -58px;
  46. }