You are here

Home » API reference » Fivestar 8

flames-rtl.css in Fivestar 8

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

File

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

  2. [dir="rtl"] .fivestar-flames div.fivestar-widget-static .star span.off,

  3. [dir="rtl"] .fivestar-flames div.fivestar-widget-static .star,

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

  5. [dir="rtl"] .fivestar-flames div.fivestar-widget .star a,

  6. [dir="rtl"] .fivestar-flames div.fivestar-widget .cancel,

  7. [dir="rtl"] .fivestar-flames div.fivestar-widget .cancel a {

  8.   background-position: right 0;

  9. }

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

  11.   background-position: right -26px;

  12. }

  13. [dir="rtl"] .fivestar-flames div.fivestar-widget div.on a {

  14.   background-position: right -26px;

  15. }

  16. [dir="rtl"] .fivestar-flames div.fivestar-widget div.hover a,

  17. [dir="rtl"] .fivestar-flames div.rating div a:hover {

  18.   background-position: right -52px;

  19. }