You are here

fivestar-rtl.css in Fivestar 7.2

div.fivestar-widget-static .star,
div.fivestar-widget .cancel,
div.fivestar-widget .star {
  float: right;
}

/* Combo Static and Rate Widget */
.fivestar-combo-stars .fivestar-static-form-item {
  float: right;
  margin-left: 40px;
  margin-right: 0px;
}
.fivestar-combo-stars .fivestar-form-item {
  float: right; /* RTL */
}

/* Static View-only Star Version */
div.fivestar-widget-static br {
  clear: right;
}

div.fivestar-widget-static .star {
  float: right;
  background-position: right 0;
}

div.fivestar-widget-static .star span.on {
  background-position: right -32px;
}

div.fivestar-widget-static .star span.off {
  background-position: right 0;
}

/* Javascript Star Version */
div.fivestar-widget .cancel,
div.fivestar-widget .cancel a {
  background-position: right -16px;
}

div.fivestar-widget .star,
div.fivestar-widget .star a,
div.fivestar-widget .cancel a {
  background-position: right 0;
}

div.fivestar-widget div.on a {
  background-position: right -16px;
}
div.fivestar-widget div.hover a,
div.rating div a:hover {
  background-position: right -32px;
}

File

css/fivestar-rtl.css
View source
  1. div.fivestar-widget-static .star,
  2. div.fivestar-widget .cancel,
  3. div.fivestar-widget .star {
  4. float: right;
  5. }
  6. /* Combo Static and Rate Widget */
  7. .fivestar-combo-stars .fivestar-static-form-item {
  8. float: right;
  9. margin-left: 40px;
  10. margin-right: 0px;
  11. }
  12. .fivestar-combo-stars .fivestar-form-item {
  13. float: right; /* RTL */
  14. }
  15. /* Static View-only Star Version */
  16. div.fivestar-widget-static br {
  17. clear: right;
  18. }
  19. div.fivestar-widget-static .star {
  20. float: right;
  21. background-position: right 0;
  22. }
  23. div.fivestar-widget-static .star span.on {
  24. background-position: right -32px;
  25. }
  26. div.fivestar-widget-static .star span.off {
  27. background-position: right 0;
  28. }
  29. /* Javascript Star Version */
  30. div.fivestar-widget .cancel,
  31. div.fivestar-widget .cancel a {
  32. background-position: right -16px;
  33. }
  34. div.fivestar-widget .star,
  35. div.fivestar-widget .star a,
  36. div.fivestar-widget .cancel a {
  37. background-position: right 0;
  38. }
  39. div.fivestar-widget div.on a {
  40. background-position: right -16px;
  41. }
  42. div.fivestar-widget div.hover a,
  43. div.rating div a:hover {
  44. background-position: right -32px;
  45. }