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.

372 lines
24 KiB

10 years ago
10 years ago
10 years ago
10 years ago
  1. /*
  2. * # Semantic - Rating
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2014 Contributor
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Default
  38. -------------------*/
  39. /*******************************
  40. Site Settings
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Fonts
  47. --------------------*/
  48. /*-------------------
  49. Site Colors
  50. --------------------*/
  51. /*--- Colors ---*/
  52. /*--- Light Colors ---*/
  53. /*-------------------
  54. Page
  55. --------------------*/
  56. /* Used to match floats with text */
  57. /*-------------------
  58. Background Colors
  59. --------------------*/
  60. /* Used for differentiating neutrals */
  61. /* Used for differentiating layers */
  62. /*-------------------
  63. Grid
  64. --------------------*/
  65. /*-------------------
  66. Breakpoints
  67. --------------------*/
  68. /*******************************
  69. Power-User
  70. *******************************/
  71. /*-------------------
  72. Icons
  73. --------------------*/
  74. /* Max Width of Icon */
  75. /*-------------------
  76. Easing
  77. --------------------*/
  78. /*--- Neutrals ---*/
  79. /*--- Colored Backgrounds ---*/
  80. /*--- Colored Text ---*/
  81. /*--- Colored Headers ---*/
  82. /*-------------------
  83. Emotive Colors
  84. --------------------*/
  85. /* Mood */
  86. /* Solid Background Color */
  87. /* Status */
  88. /* Darkened Headers */
  89. /*-------------------
  90. Neutral Text
  91. --------------------*/
  92. /*-------------------
  93. Brand Colors
  94. --------------------*/
  95. /*-------------------
  96. Grid Columns
  97. --------------------*/
  98. /*-------------------
  99. Borders
  100. --------------------*/
  101. /*-------------------
  102. Sizes
  103. --------------------*/
  104. /*-------------------
  105. Transitions
  106. --------------------*/
  107. /*******************************
  108. States
  109. *******************************/
  110. /*-------------------
  111. Disabled
  112. --------------------*/
  113. /*-------------------
  114. Hover
  115. --------------------*/
  116. /*--- Colors ---*/
  117. /*--- Emotive ---*/
  118. /*--- Neutrals ---*/
  119. /*-------------------
  120. Down (:active)
  121. --------------------*/
  122. /*--- Colors ---*/
  123. /*--- Emotive ---*/
  124. /*--- Neutrals ---*/
  125. /*-------------------
  126. Active
  127. --------------------*/
  128. /*--- Standard ---*/
  129. /*--- Emotive ---*/
  130. /*--- Neutrals ---*/
  131. /*******************************
  132. Rating
  133. *******************************/
  134. /*-------------------
  135. Types
  136. --------------------*/
  137. /* Star */
  138. /* Heart */
  139. /*-------------------
  140. States
  141. --------------------*/
  142. /*-------------------
  143. Variations
  144. --------------------*/
  145. /*------------------
  146. Load Theme
  147. -------------------*/
  148. /*------------------
  149. Load Site
  150. -------------------*/
  151. /*******************************
  152. User Global Variables
  153. *******************************/
  154. /*******************************
  155. Overrides
  156. *******************************/
  157. /*------------------
  158. Override Mix-in
  159. -------------------*/
  160. /*******************************
  161. Rating
  162. *******************************/
  163. .ui.rating {
  164. display: inline-block;
  165. font-size: 0em;
  166. vertical-align: baseline;
  167. margin: 0em 0.5rem 0em 0em;
  168. }
  169. .ui.rating:last-child {
  170. margin-right: 0em;
  171. }
  172. .ui.rating:before {
  173. display: block;
  174. content: '';
  175. visibility: hidden;
  176. clear: both;
  177. height: 0;
  178. }
  179. /* Icon */
  180. .ui.rating .icon {
  181. cursor: pointer;
  182. margin: 0em;
  183. width: 1.1em;
  184. text-align: center;
  185. height: auto;
  186. padding: 0em;
  187. font-weight: normal;
  188. font-style: normal;
  189. vertical-align: baseline;
  190. }
  191. /*******************************
  192. Types
  193. *******************************/
  194. /*-------------------
  195. Star
  196. --------------------*/
  197. /* Inactive */
  198. .ui.star.rating .icon {
  199. width: 1.1em;
  200. color: rgba(0, 0, 0, 0.15);
  201. }
  202. /* Active Star */
  203. .ui.star.rating .active.icon {
  204. color: #ffe623 !important;
  205. text-shadow: 0px -1px 0px #cfa300, -1px 0px 0px #cfa300, 0px 1px 0px #cfa300, 1px 0px 0px #cfa300;
  206. }
  207. /* Selected Star */
  208. .ui.star.rating .icon.selected,
  209. .ui.star.rating .icon.selected.active {
  210. color: #ffb70a !important;
  211. }
  212. .ui.star.rating.partial {
  213. position: relative;
  214. z-index: 1;
  215. }
  216. .ui.star.rating.partial:before {
  217. position: absolute;
  218. z-index: -1;
  219. }
  220. /*-------------------
  221. Heart
  222. --------------------*/
  223. .ui.heart.rating .icon {
  224. width: 1.25em;
  225. color: rgba(0, 0, 0, 0.15);
  226. }
  227. /* Active Heart */
  228. .ui.heart.rating .active.icon {
  229. color: #ff2733 !important;
  230. text-shadow: 0px -1px 0px #9e0000, -1px 0px 0px #9e0000, 0px 1px 0px #9e0000, 1px 0px 0px #9e0000;
  231. }
  232. /* Selected Heart */
  233. .ui.heart.rating .icon.selected,
  234. .ui.heart.rating .icon.selected.active {
  235. color: #ff2733 !important;
  236. }
  237. /*******************************
  238. States
  239. *******************************/
  240. /* Inactive Icon */
  241. .ui.rating .icon {
  242. color: rgba(0, 0, 0, 0.15);
  243. }
  244. /* Active Icon */
  245. .ui.rating .active.icon {
  246. color: rgba(0, 0, 0, 0.85);
  247. }
  248. /* Selected Icon */
  249. .ui.rating .icon.selected,
  250. .ui.rating .icon.selected.active {
  251. color: rgba(0, 0, 0, 0.8);
  252. }
  253. /*-------------------
  254. Disabled
  255. --------------------*/
  256. /* disabled rating */
  257. .ui.disabled.rating .icon {
  258. cursor: default;
  259. }
  260. /*-------------------
  261. Interacting (Active)
  262. --------------------*/
  263. /* Selected Rating */
  264. .ui.rating.selected .active.icon {
  265. opacity: 0.5;
  266. }
  267. .ui.rating.selected .icon.selected,
  268. .ui.rating .icon.selected {
  269. opacity: 1;
  270. }
  271. /*******************************
  272. Variations
  273. *******************************/
  274. .ui.mini.rating .icon {
  275. font-size: 0.7rem;
  276. }
  277. .ui.tiny.rating .icon {
  278. font-size: 0.8rem;
  279. }
  280. .ui.small.rating .icon {
  281. font-size: 0.875rem;
  282. }
  283. .ui.rating .icon {
  284. font-size: 1rem;
  285. }
  286. .ui.large.rating .icon {
  287. font-size: 1.1rem;
  288. }
  289. .ui.huge.rating .icon {
  290. font-size: 1.5rem;
  291. }
  292. .ui.massive.rating .icon {
  293. font-size: 2rem;
  294. }
  295. /* Realign */
  296. .ui.large.rating,
  297. .ui.huge.rating,
  298. .ui.massive.rating {
  299. vertical-align: middle;
  300. }
  301. /*******************************
  302. Overrides
  303. *******************************/
  304. @font-face {
  305. font-family: 'Rating';
  306. src: url(data:application/x-font-ttf;charset=utf-8;base64,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
  307. font-weight: normal;
  308. font-style: normal;
  309. }
  310. .ui.rating .icon {
  311. font-family: 'Rating';
  312. line-height: 1;
  313. height: 1em;
  314. -webkit-backface-visibility: hidden;
  315. backface-visibility: hidden;
  316. font-weight: normal;
  317. font-style: normal;
  318. text-align: center;
  319. }
  320. /* Empty Star */
  321. .ui.rating .icon:before {
  322. content: '\f006';
  323. }
  324. /* Active Star */
  325. .ui.rating .active.icon:before {
  326. content: '\f005';
  327. }
  328. /*-------------------
  329. Star
  330. --------------------*/
  331. /* Unfilled Star */
  332. .ui.star.rating .icon:before {
  333. content: '\f005';
  334. }
  335. /* Active Star */
  336. .ui.star.rating .active.icon:before {
  337. content: '\f005';
  338. }
  339. /* Partial */
  340. .ui.star.rating .partial.icon:before {
  341. content: '\f006';
  342. }
  343. .ui.star.rating .partial.icon {
  344. content: '\f005';
  345. }
  346. /*-------------------
  347. Heart
  348. --------------------*/
  349. /* Empty Heart
  350. .ui.heart.rating .icon:before {
  351. content: '\f08a';
  352. }
  353. */
  354. .ui.heart.rating .icon:before {
  355. content: '\f004';
  356. }
  357. /* Active */
  358. .ui.heart.rating .active.icon:before {
  359. content: '\f004';
  360. }
  361. /*******************************
  362. Overrides
  363. *******************************/