You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

53 lines
1.0 KiB

  1. /*******************************
  2. Star Rating
  3. *******************************/
  4. .star.module {
  5. min-width: 88px;
  6. height: 42px;
  7. unicode-bidi: bidi-override;
  8. direction: rtl;
  9. font-size: 26px;
  10. }
  11. .star.module i,
  12. .ui.star {
  13. cursor: default;
  14. float: left;
  15. padding: 2px 1px;
  16. font-style: normal;
  17. font-weight: normal;
  18. content: "\2605";
  19. color: transparent;
  20. }
  21. /* Non Selected Star */
  22. .star.module i:after,
  23. .ui.star:after {
  24. content: "\2605";
  25. color: #8C8C8C;
  26. -webkit-transition: all 0.25s;
  27. -moz-transition: all 0.25s;
  28. -o-transition: all 0.25s;
  29. -ms-transition: all 0.25s;
  30. transition: all 0.25s;
  31. }
  32. /*--------------
  33. States
  34. ---------------*/
  35. /* Initialized is now clickable */
  36. .star.module.initialize,
  37. .star.module.initialize i {
  38. cursor: pointer;
  39. }
  40. /* Current Star Rating */
  41. .star.module i.active:after {
  42. color: #FFCB08;
  43. }
  44. .star.module.hover i.active:after {
  45. opacity: 0.5;
  46. }
  47. /* Hover */
  48. .star.module i.hover:after,
  49. .star.module i.hover.active:after {
  50. opacity: 1;
  51. color: #FFB70A;
  52. text-shadow: 0px 0px 7px #FFCB08;
  53. }