You are here

Home » API reference » Fivestar 8

hearts-rtl.css in Fivestar 8

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

File

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

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

  3.   background-position: right -32px;

  4. }

  5. [dir="rtl"] .fivestar-hearts div.fivestar-widget div.on a {

  6.   background-position: right -16px;

  7. }

  8. [dir="rtl"] .fivestar-hearts div.fivestar-widget div.hover a,

  9. [dir="rtl"] .fivestar-hearts div.rating div a:hover {

  10.   background-position: right -32px;

  11. }

  12. [dir="rtl"] .fivestar-hearts div.fivestar-widget .cancel,

  13. [dir="rtl"] .fivestar-hearts div.fivestar-widget .cancel a {

  14.   background-position: right 0;

  15. }

  16. [dir="rtl"] .fivestar-hearts div.fivestar-widget .star,

  17. [dir="rtl"] .fivestar-hearts div.fivestar-widget .star a {

  18.   background-position: right 0;

  19. }