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.

263 lines
19 KiB

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