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.

261 lines
20 KiB

9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
9 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
  1. /*!
  2. * # Semantic UI 2.0.0 - Rating
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2015 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Rating
  13. *******************************/
  14. .ui.rating {
  15. white-space: nowrap;
  16. display: inline-block;
  17. vertical-align: middle;
  18. }
  19. .ui.rating:last-child {
  20. margin-right: 0em;
  21. }
  22. .ui.rating:before {
  23. display: block;
  24. content: '';
  25. visibility: hidden;
  26. clear: both;
  27. height: 0;
  28. vertical-align: middle;
  29. }
  30. /* Icon */
  31. .ui.rating .icon {
  32. padding: 0em;
  33. margin: 0em;
  34. text-align: center;
  35. font-weight: normal;
  36. font-style: normal;
  37. cursor: pointer;
  38. width: 1.25em;
  39. height: auto;
  40. }
  41. /*******************************
  42. Types
  43. *******************************/
  44. /*-------------------
  45. Standard
  46. --------------------*/
  47. /* Inactive Icon */
  48. .ui.rating .icon {
  49. background: transparent;
  50. color: rgba(0, 0, 0, 0.15);
  51. }
  52. /* Active Icon */
  53. .ui.rating .active.icon {
  54. background: transparent;
  55. color: rgba(0, 0, 0, 0.85);
  56. }
  57. /* Selected Icon */
  58. .ui.rating .icon.selected,
  59. .ui.rating .icon.selected.active {
  60. background: transparent;
  61. color: rgba(0, 0, 0, 0.87);
  62. }
  63. /*-------------------
  64. Star
  65. --------------------*/
  66. /* Inactive */
  67. .ui.star.rating .icon {
  68. width: 1.25em;
  69. height: auto;
  70. background: transparent;
  71. color: rgba(0, 0, 0, 0.15);
  72. }
  73. /* Active Star */
  74. .ui.star.rating .active.icon {
  75. background: transparent !important;
  76. color: #ffe623 !important;
  77. text-shadow: 0px -1px 0px #cfa300, -1px 0px 0px #cfa300, 0px 1px 0px #cfa300, 1px 0px 0px #cfa300;
  78. }
  79. /* Selected Star */
  80. .ui.star.rating .icon.selected,
  81. .ui.star.rating .icon.selected.active {
  82. background: transparent !important;
  83. color: #ffb70a !important;
  84. }
  85. /*-------------------
  86. Heart
  87. --------------------*/
  88. .ui.heart.rating .icon {
  89. width: 1.4em;
  90. height: auto;
  91. background: transparent;
  92. color: rgba(0, 0, 0, 0.15);
  93. }
  94. /* Active Heart */
  95. .ui.heart.rating .active.icon {
  96. background: transparent !important;
  97. color: #ff2733 !important;
  98. text-shadow: 0px -1px 0px #9e0000, -1px 0px 0px #9e0000, 0px 1px 0px #9e0000, 1px 0px 0px #9e0000;
  99. }
  100. /* Selected Heart */
  101. .ui.heart.rating .icon.selected,
  102. .ui.heart.rating .icon.selected.active {
  103. background: transparent !important;
  104. color: #ff2733 !important;
  105. }
  106. /*******************************
  107. States
  108. *******************************/
  109. /*-------------------
  110. Disabled
  111. --------------------*/
  112. /* disabled rating */
  113. .ui.disabled.rating .icon {
  114. cursor: default;
  115. }
  116. /*-------------------
  117. User Interactive
  118. --------------------*/
  119. /* Selected Rating */
  120. .ui.rating.selected .active.icon {
  121. opacity: 0.5;
  122. }
  123. .ui.rating.selected .icon.selected,
  124. .ui.rating .icon.selected {
  125. opacity: 1;
  126. }
  127. /*******************************
  128. Variations
  129. *******************************/
  130. .ui.mini.rating .icon {
  131. font-size: 0.7rem;
  132. }
  133. .ui.tiny.rating .icon {
  134. font-size: 0.8rem;
  135. }
  136. .ui.small.rating .icon {
  137. font-size: 0.875rem;
  138. }
  139. .ui.rating .icon {
  140. font-size: 1rem;
  141. }
  142. .ui.large.rating .icon {
  143. font-size: 1.1rem;
  144. }
  145. .ui.huge.rating .icon {
  146. font-size: 1.5rem;
  147. }
  148. .ui.massive.rating .icon {
  149. font-size: 2rem;
  150. }
  151. /*******************************
  152. Theme Overrides
  153. *******************************/
  154. @font-face {
  155. font-family: 'Rating';
  156. src: url(data:application/x-font-ttf;charset=utf-8;base64,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
  157. font-weight: normal;
  158. font-style: normal;
  159. }
  160. .ui.rating .icon {
  161. font-family: 'Rating';
  162. line-height: 1;
  163. -webkit-backface-visibility: hidden;
  164. backface-visibility: hidden;
  165. font-weight: normal;
  166. font-style: normal;
  167. text-align: center;
  168. }
  169. /* Empty Star */
  170. .ui.rating .icon:before {
  171. content: '\f006';
  172. }
  173. /* Active Star */
  174. .ui.rating .active.icon:before {
  175. content: '\f005';
  176. }
  177. /*-------------------
  178. Star
  179. --------------------*/
  180. /* Unfilled Star */
  181. .ui.star.rating .icon:before {
  182. content: '\f005';
  183. }
  184. /* Active Star */
  185. .ui.star.rating .active.icon:before {
  186. content: '\f005';
  187. }
  188. /* Partial */
  189. .ui.star.rating .partial.icon:before {
  190. content: '\f006';
  191. }
  192. .ui.star.rating .partial.icon {
  193. content: '\f005';
  194. }
  195. /*-------------------
  196. Heart
  197. --------------------*/
  198. /* Empty Heart
  199. .ui.heart.rating .icon:before {
  200. content: '\f08a';
  201. }
  202. */
  203. .ui.heart.rating .icon:before {
  204. content: '\f004';
  205. }
  206. /* Active */
  207. .ui.heart.rating .active.icon:before {
  208. content: '\f004';
  209. }
  210. /*******************************
  211. Site Overrides
  212. *******************************/