theme.css 5.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /*!
  2. * Krajee SVG Theme styling for bootstrap-star-rating.
  3. * This file must be loaded after 'star-rating.css'.
  4. *
  5. * @see http://github.com/kartik-v/bootstrap-star-rating
  6. * @author Kartik Visweswaran <kartikv2@gmail.com>
  7. */
  8. .theme-krajee-svg .krajee-icon {
  9. display: inline-block;
  10. width: 48px;
  11. height: 48px;
  12. -webkit-background-size: cover;
  13. -moz-background-size: cover;
  14. -o-background-size: cover;
  15. background-size: cover;
  16. }
  17. .theme-krajee-svg.rating-xl .krajee-icon {
  18. width: 80px;
  19. height: 80px;
  20. }
  21. .theme-krajee-svg.rating-lg .krajee-icon {
  22. width: 64px;
  23. height: 64px;
  24. }
  25. .theme-krajee-svg.rating-sm .krajee-icon {
  26. width: 40px;
  27. height: 40px;
  28. }
  29. .theme-krajee-svg.rating-xs .krajee-icon {
  30. width: 30px;
  31. height: 30px;
  32. }
  33. .theme-krajee-svg .filled-stars .krajee-icon-star {
  34. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fde16d%22%20stroke%3D%22%23777777%22%20d%3D%22M20.6%2011l-4.6-10.5-4.6%2010.5h-10.8l7.8%207.9-3%2012.1%2010.6-6%2010.6%206-3-12.1%207.8-7.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  35. }
  36. .theme-krajee-svg .krajee-icon-clear {
  37. display: inline-block;
  38. width: 39px;
  39. height: 39px;
  40. -webkit-background-size: cover;
  41. -moz-background-size: cover;
  42. -o-background-size: cover;
  43. background-size: cover;
  44. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22svg2%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20158.81%20158.81%22%20version%3D%221.1%22%3E%0D%0A%3Cpath%20id%3D%22path4%22%20style%3D%22fill%3A%23aaa%22%20stroke-linejoin%3D%22round%22%20d%3D%22m155.06%2C79.438c0%2C41.799-33.885%2C75.684-75.684%2C75.684s-75.684-33.885-75.684-75.684%2C33.885-75.684%2C75.684-75.684%2C75.684%2C33.885%2C75.684%2C75.684z%22%20stroke%3D%22%23aaa%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%0D%0A%3Cpath%20id%3D%22rect3139%22%20style%3D%22fill%3A%23fff%22%20d%3D%22m37.216%2C64.443v28.67h88.24v-28.67h-88.24z%22%2F%3E%0D%0A%3C%2Fsvg%3E');
  45. }
  46. .theme-krajee-svg .krajee-icon-clear:hover {
  47. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20id%3D%22svg2%22%20xmlns%3Ardf%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2F02%2F22-rdf-syntax-ns%23%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20158.81%20158.81%22%20version%3D%221.1%22%3E%0D%0A%3Cpath%20id%3D%22path4%22%20style%3D%22fill%3A%23843534%22%20stroke-linejoin%3D%22round%22%20d%3D%22m155.06%2C79.438c0%2C41.799-33.885%2C75.684-75.684%2C75.684s-75.684-33.885-75.684-75.684%2C33.885-75.684%2C75.684-75.684%2C75.684%2C33.885%2C75.684%2C75.684z%22%20stroke%3D%22%23843534%22%20stroke-linecap%3D%22round%22%20fill%3D%22none%22%2F%3E%0D%0A%3Cpath%20id%3D%22rect3139%22%20style%3D%22fill%3A%23fff%22%20d%3D%22m37.216%2C64.443v28.67h88.24v-28.67h-88.24z%22%2F%3E%0D%0A%3C%2Fsvg%3E');
  48. }
  49. .theme-krajee-svg.rating-xl .krajee-icon-clear {
  50. width: 64px;
  51. height: 64px;
  52. }
  53. .theme-krajee-svg.rating-lg .krajee-icon-clear {
  54. width: 50px;
  55. height: 50px;
  56. }
  57. .theme-krajee-svg.rating-sm .krajee-icon-clear {
  58. width: 30px;
  59. height: 30px;
  60. }
  61. .theme-krajee-svg.rating-xs .krajee-icon-clear {
  62. width: 23px;
  63. height: 23px;
  64. }
  65. .theme-krajee-svg .empty-stars .krajee-icon-star {
  66. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23777777%22%20d%3D%22M20.6%2011l-4.6-10.5-4.6%2010.5h-10.8l7.8%207.9-3%2012.1%2010.6-6%2010.6%206-3-12.1%207.8-7.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  67. }
  68. .theme-krajee-svg .filled-stars .krajee-icon-heart {
  69. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23fde16d%22%20stroke%3D%22%23777777%22%20stroke-width%3D%220.04em%22%20d%3D%22M12%2021.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53%200-3.08%202.42-5.5%205.5-5.5%201.74%200%203.41.81%204.5%202.09%201.09-1.28%202.76-2.09%204.5-2.09%203.08%200%205.5%202.42%205.5%205.5%200%203.78-3.4%206.86-8.55%2011.54l-1.45%201.31z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  70. }
  71. .theme-krajee-svg .empty-stars .krajee-icon-heart {
  72. background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20stroke%3D%22%23777777%22%20stroke-width%3D%220.04em%22%20d%3D%22M12%2021.35l-1.45-1.32c-5.15-4.67-8.55-7.75-8.55-11.53%200-3.08%202.42-5.5%205.5-5.5%201.74%200%203.41.81%204.5%202.09%201.09-1.28%202.76-2.09%204.5-2.09%203.08%200%205.5%202.42%205.5%205.5%200%203.78-3.4%206.86-8.55%2011.54l-1.45%201.31z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  73. }
  74. .theme-krajee-svg .krajee-icon-heart {
  75. margin: 0 -0.08em;
  76. }
  77. .theme-krajee-svg.is-heart .caption {
  78. margin-top: -0.8em;
  79. }
  80. .theme-krajee-svg.is-heart .clear-rating {
  81. margin-top: -0.4em;
  82. }
  83. .theme-krajee-svg.rating-rtl.is-heart .filled-stars {
  84. right: 0.02em;
  85. }
  86. .theme-krajee-svg.rating-rtl.is-heart .empty-stars {
  87. margin-right: 0.01em;
  88. }