You are here

Home » API reference » Fivestar 8

craft-rtl.css in Fivestar 8

Same filename and directory in other branches
  1. 5 widgets/craft/craft-rtl.css
  2. 6.2 widgets/craft/craft-rtl.css
  3. 6 widgets/craft/craft-rtl.css
  4. 7.2 widgets/craft/craft-rtl.css
/* Adjust the background position when using this widget with a RTL language. */
[dir="rtl"] .fivestar-craft div.fivestar-widget .star,
[dir="rtl"] .fivestar-craft div.fivestar-widget .star a,
[dir="rtl"] .fivestar-craft div.fivestar-widget-static .star,
[dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.on {
  background-position: right -62px;
}
[dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.off {
  background-position: right -62px;
}
[dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.on {
  background-position: right 0;
}
[dir="rtl"] .fivestar-craft div.fivestar-widget div.on a {
  background-position: right 0;
}
[dir="rtl"] .fivestar-craft div.fivestar-widget div.hover a,
[dir="rtl"] .fivestar-craft div.rating div a:hover {
  background-position: right -31px;
}

File

widgets/craft/craft-rtl.css
View source 
  1. /* Adjust the background position when using this widget with a RTL language. */

  2. [dir="rtl"] .fivestar-craft div.fivestar-widget .star,

  3. [dir="rtl"] .fivestar-craft div.fivestar-widget .star a,

  4. [dir="rtl"] .fivestar-craft div.fivestar-widget-static .star,

  5. [dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.on {

  6.   background-position: right -62px;

  7. }

  8. [dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.off {

  9.   background-position: right -62px;

  10. }

  11. [dir="rtl"] .fivestar-craft div.fivestar-widget-static .star span.on {

  12.   background-position: right 0;

  13. }

  14. [dir="rtl"] .fivestar-craft div.fivestar-widget div.on a {

  15.   background-position: right 0;

  16. }

  17. [dir="rtl"] .fivestar-craft div.fivestar-widget div.hover a,

  18. [dir="rtl"] .fivestar-craft div.rating div a:hover {

  19.   background-position: right -31px;

  20. }