You are here

Home » API reference » Fivestar 5

fivestar-rtl.css in Fivestar 5

Same filename and directory in other branches
  1. 8 css/fivestar-rtl.css
  2. 6.2 css/fivestar-rtl.css
  3. 6 css/fivestar-rtl.css
  4. 7.2 css/fivestar-rtl.css
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 {
  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. 

  7. /* Combo Static and Rate Widget */

  8. .fivestar-combo-stars .fivestar-static-form-item {

  9.   float: right;

  10.   margin-left: 40px;

  11.   margin-right: 0px;

  12. }

  13. .fivestar-combo-stars .fivestar-form-item {

  14.   float: right; /* RTL */

  15. }

  16. 

  17. /* Static View-only Star Version */

  18. div.fivestar-widget-static br {

  19.   clear: right;

  20. }

  21. 

  22. div.fivestar-widget-static .star {

  23.   background-position: right 0;

  24. }

  25. 

  26. div.fivestar-widget-static .star span.on {

  27.   background-position: right -32px;

  28. }

  29. 

  30. div.fivestar-widget-static .star span.off {

  31.   background-position: right 0;

  32. }

  33. 

  34. /* Javascript Star Version */

  35. div.fivestar-widget .cancel,

  36. div.fivestar-widget .cancel a {

  37.   background-position: right -16px;

  38. }

  39. 

  40. div.fivestar-widget .star,

  41. div.fivestar-widget .star a,

  42. div.fivestar-widget .cancel a {

  43.   background-position: right 0;

  44. }

  45. 

  46. div.fivestar-widget div.on a {

  47.   background-position: right -16px;

  48. }

  49. div.fivestar-widget div.hover a, div.rating div a:hover {

  50.   background-position: right -32px;

  51. }