You are here

Home » API reference » Fivestar 8

small-rtl.css in Fivestar 8

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

File

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

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

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

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

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

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

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

  8.   background-position: right 0;

  9. }

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

  11.   background-position: right -32px;

  12. }

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

  14.   background-position: right -16px;

  15. }

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

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

  18.   background-position: right -32px;

  19. }