fomantic-ui 2.9.0-beta.29 → 2.9.0-beta.292

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (408) hide show
  1. package/.all-contributorsrc +242 -3
  2. package/.github/codeql/codeql-config.yml +4 -0
  3. package/.github/dependabot.yml +10 -0
  4. package/.github/workflows/ci.yml +10 -6
  5. package/.github/workflows/codeql.yml +68 -0
  6. package/.github/workflows/nightly.yml +16 -8
  7. package/.github/workflows/release.yml +34 -0
  8. package/CONTRIBUTORS.md +81 -37
  9. package/FAQ.md +38 -38
  10. package/README.md +8 -8
  11. package/dist/components/accordion.css +176 -36
  12. package/dist/components/accordion.js +6 -3
  13. package/dist/components/accordion.min.css +2 -2
  14. package/dist/components/accordion.min.js +3 -3
  15. package/dist/components/ad.css +4 -4
  16. package/dist/components/ad.min.css +2 -2
  17. package/dist/components/api.js +89 -30
  18. package/dist/components/api.min.js +3 -3
  19. package/dist/components/breadcrumb.css +1 -1
  20. package/dist/components/breadcrumb.min.css +1 -1
  21. package/dist/components/button.css +204 -157
  22. package/dist/components/button.min.css +2 -2
  23. package/dist/components/calendar.css +18 -1
  24. package/dist/components/calendar.js +85 -68
  25. package/dist/components/calendar.min.css +2 -2
  26. package/dist/components/calendar.min.js +3 -3
  27. package/dist/components/card.css +754 -117
  28. package/dist/components/card.min.css +2 -2
  29. package/dist/components/checkbox.css +92 -91
  30. package/dist/components/checkbox.js +17 -11
  31. package/dist/components/checkbox.min.css +2 -2
  32. package/dist/components/checkbox.min.js +3 -3
  33. package/dist/components/comment.css +12 -12
  34. package/dist/components/comment.min.css +2 -2
  35. package/dist/components/container.css +98 -4
  36. package/dist/components/container.min.css +2 -2
  37. package/dist/components/dimmer.css +29 -14
  38. package/dist/components/dimmer.js +11 -5
  39. package/dist/components/dimmer.min.css +2 -2
  40. package/dist/components/dimmer.min.js +3 -3
  41. package/dist/components/divider.css +31 -31
  42. package/dist/components/divider.min.css +2 -2
  43. package/dist/components/dropdown.css +90 -50
  44. package/dist/components/dropdown.js +134 -110
  45. package/dist/components/dropdown.min.css +2 -2
  46. package/dist/components/dropdown.min.js +3 -3
  47. package/dist/components/embed.css +5 -5
  48. package/dist/components/embed.js +1 -1
  49. package/dist/components/embed.min.css +2 -2
  50. package/dist/components/embed.min.js +3 -3
  51. package/dist/components/emoji.css +10847 -8841
  52. package/dist/components/emoji.min.css +1 -1
  53. package/dist/components/feed.css +29 -29
  54. package/dist/components/feed.min.css +2 -2
  55. package/dist/components/flag.css +1011 -902
  56. package/dist/components/flag.min.css +2 -2
  57. package/dist/components/form.css +160 -83
  58. package/dist/components/form.js +39 -30
  59. package/dist/components/form.min.css +2 -2
  60. package/dist/components/form.min.js +3 -3
  61. package/dist/components/grid.css +25 -21
  62. package/dist/components/grid.min.css +2 -2
  63. package/dist/components/header.css +6 -4
  64. package/dist/components/header.min.css +2 -2
  65. package/dist/components/icon.css +2063 -1984
  66. package/dist/components/icon.min.css +2 -2
  67. package/dist/components/image.css +1 -1
  68. package/dist/components/image.min.css +1 -1
  69. package/dist/components/input.css +759 -22
  70. package/dist/components/input.min.css +2 -2
  71. package/dist/components/item.css +17 -17
  72. package/dist/components/item.min.css +2 -2
  73. package/dist/components/label.css +72 -68
  74. package/dist/components/label.min.css +2 -2
  75. package/dist/components/list.css +31 -31
  76. package/dist/components/list.min.css +2 -2
  77. package/dist/components/loader.css +352 -352
  78. package/dist/components/loader.min.css +2 -2
  79. package/dist/components/menu.css +108 -76
  80. package/dist/components/menu.min.css +1 -1
  81. package/dist/components/message.css +43 -43
  82. package/dist/components/message.min.css +2 -2
  83. package/dist/components/modal.css +14 -2
  84. package/dist/components/modal.js +128 -50
  85. package/dist/components/modal.min.css +2 -2
  86. package/dist/components/modal.min.js +3 -3
  87. package/dist/components/nag.css +1 -1
  88. package/dist/components/nag.js +2 -2
  89. package/dist/components/nag.min.css +1 -1
  90. package/dist/components/nag.min.js +3 -3
  91. package/dist/components/placeholder.css +33 -33
  92. package/dist/components/placeholder.min.css +2 -2
  93. package/dist/components/popup.css +100 -104
  94. package/dist/components/popup.js +11 -11
  95. package/dist/components/popup.min.css +2 -2
  96. package/dist/components/popup.min.js +3 -3
  97. package/dist/components/progress.css +1 -1
  98. package/dist/components/progress.js +4 -1
  99. package/dist/components/progress.min.css +1 -1
  100. package/dist/components/progress.min.js +3 -3
  101. package/dist/components/rail.css +1 -1
  102. package/dist/components/rail.min.css +1 -1
  103. package/dist/components/rating.css +1 -1
  104. package/dist/components/rating.js +1 -1
  105. package/dist/components/rating.min.css +1 -1
  106. package/dist/components/rating.min.js +3 -3
  107. package/dist/components/reset.css +5 -4
  108. package/dist/components/reset.min.css +2 -2
  109. package/dist/components/reveal.css +1 -1
  110. package/dist/components/reveal.min.css +1 -1
  111. package/dist/components/search.css +6 -6
  112. package/dist/components/search.js +2 -2
  113. package/dist/components/search.min.css +2 -2
  114. package/dist/components/search.min.js +3 -3
  115. package/dist/components/segment.css +118 -34
  116. package/dist/components/segment.min.css +2 -2
  117. package/dist/components/shape.css +1 -1
  118. package/dist/components/shape.js +3 -3
  119. package/dist/components/shape.min.css +1 -1
  120. package/dist/components/shape.min.js +3 -3
  121. package/dist/components/sidebar.css +7 -5
  122. package/dist/components/sidebar.js +14 -12
  123. package/dist/components/sidebar.min.css +2 -2
  124. package/dist/components/sidebar.min.js +3 -3
  125. package/dist/components/site.css +139 -42
  126. package/dist/components/site.js +1 -1
  127. package/dist/components/site.min.css +2 -2
  128. package/dist/components/site.min.js +3 -3
  129. package/dist/components/slider.css +17 -17
  130. package/dist/components/slider.js +68 -51
  131. package/dist/components/slider.min.css +1 -1
  132. package/dist/components/slider.min.js +3 -3
  133. package/dist/components/state.js +2 -2
  134. package/dist/components/state.min.js +3 -3
  135. package/dist/components/statistic.css +4 -4
  136. package/dist/components/statistic.min.css +2 -2
  137. package/dist/components/step.css +31 -31
  138. package/dist/components/step.min.css +2 -2
  139. package/dist/components/sticky.css +1 -1
  140. package/dist/components/sticky.js +4 -4
  141. package/dist/components/sticky.min.css +1 -1
  142. package/dist/components/sticky.min.js +3 -3
  143. package/dist/components/tab.css +5 -5
  144. package/dist/components/tab.js +24 -6
  145. package/dist/components/tab.min.css +2 -2
  146. package/dist/components/tab.min.js +3 -3
  147. package/dist/components/table.css +1684 -272
  148. package/dist/components/table.min.css +2 -2
  149. package/dist/components/text.css +1 -1
  150. package/dist/components/text.min.css +1 -1
  151. package/dist/components/toast.css +42 -1
  152. package/dist/components/toast.js +63 -31
  153. package/dist/components/toast.min.css +2 -2
  154. package/dist/components/toast.min.js +3 -3
  155. package/dist/components/transition.css +1 -1
  156. package/dist/components/transition.js +21 -16
  157. package/dist/components/transition.min.css +1 -1
  158. package/dist/components/transition.min.js +3 -3
  159. package/dist/components/visibility.js +2 -2
  160. package/dist/components/visibility.min.js +3 -3
  161. package/dist/semantic.css +20165 -13374
  162. package/dist/semantic.js +734 -455
  163. package/dist/semantic.min.css +3 -3
  164. package/dist/semantic.min.js +3 -3
  165. package/dist/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  166. package/dist/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  167. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  168. package/dist/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  169. package/dist/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  170. package/dist/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  171. package/dist/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  172. package/dist/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  173. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  174. package/dist/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  175. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  176. package/dist/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  177. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  178. package/dist/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  179. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  180. package/dist/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  181. package/dist/themes/default/assets/fonts/brand-icons.eot +0 -0
  182. package/dist/themes/default/assets/fonts/brand-icons.svg +801 -654
  183. package/dist/themes/default/assets/fonts/brand-icons.ttf +0 -0
  184. package/dist/themes/default/assets/fonts/brand-icons.woff +0 -0
  185. package/dist/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  186. package/dist/themes/default/assets/fonts/icons.eot +0 -0
  187. package/dist/themes/default/assets/fonts/icons.svg +1175 -1079
  188. package/dist/themes/default/assets/fonts/icons.ttf +0 -0
  189. package/dist/themes/default/assets/fonts/icons.woff +0 -0
  190. package/dist/themes/default/assets/fonts/icons.woff2 +0 -0
  191. package/dist/themes/default/assets/fonts/outline-icons.eot +0 -0
  192. package/dist/themes/default/assets/fonts/outline-icons.svg +93 -95
  193. package/dist/themes/default/assets/fonts/outline-icons.ttf +0 -0
  194. package/dist/themes/default/assets/fonts/outline-icons.woff +0 -0
  195. package/dist/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  196. package/dist/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  197. package/examples/assets/library/iframe-content.js +8 -8
  198. package/examples/assets/library/iframe.js +3 -3
  199. package/examples/components/button.html +1 -1
  200. package/examples/components/card.html +1 -1
  201. package/examples/components/input.html +1 -1
  202. package/examples/components/menu.html +1 -1
  203. package/examples/components/site.html +1 -1
  204. package/examples/components/table.html +1 -1
  205. package/package.json +18 -16
  206. package/scripts/nightly-version.js +47 -38
  207. package/src/definitions/behaviors/api.js +88 -29
  208. package/src/definitions/behaviors/form.js +38 -29
  209. package/src/definitions/behaviors/state.js +1 -1
  210. package/src/definitions/behaviors/visibility.js +1 -1
  211. package/src/definitions/collections/form.less +229 -165
  212. package/src/definitions/collections/grid.less +723 -687
  213. package/src/definitions/collections/menu.less +232 -170
  214. package/src/definitions/collections/message.less +49 -47
  215. package/src/definitions/collections/table.less +882 -272
  216. package/src/definitions/elements/button.less +611 -469
  217. package/src/definitions/elements/container.less +145 -8
  218. package/src/definitions/elements/divider.less +24 -24
  219. package/src/definitions/elements/emoji.less +39 -10
  220. package/src/definitions/elements/flag.less +53 -18
  221. package/src/definitions/elements/header.less +46 -37
  222. package/src/definitions/elements/icon.less +39 -32
  223. package/src/definitions/elements/input.less +281 -33
  224. package/src/definitions/elements/label.less +132 -128
  225. package/src/definitions/elements/list.less +84 -75
  226. package/src/definitions/elements/loader.less +99 -98
  227. package/src/definitions/elements/placeholder.less +32 -32
  228. package/src/definitions/elements/segment.less +177 -56
  229. package/src/definitions/elements/step.less +76 -72
  230. package/src/definitions/elements/text.less +17 -15
  231. package/src/definitions/globals/reset.less +2 -2
  232. package/src/definitions/globals/site.less +25 -2
  233. package/src/definitions/modules/accordion.js +5 -2
  234. package/src/definitions/modules/accordion.less +371 -219
  235. package/src/definitions/modules/calendar.js +84 -67
  236. package/src/definitions/modules/calendar.less +20 -0
  237. package/src/definitions/modules/checkbox.js +16 -10
  238. package/src/definitions/modules/checkbox.less +83 -227
  239. package/src/definitions/modules/dimmer.js +10 -4
  240. package/src/definitions/modules/dimmer.less +22 -8
  241. package/src/definitions/modules/dropdown.js +133 -109
  242. package/src/definitions/modules/dropdown.less +191 -136
  243. package/src/definitions/modules/embed.less +4 -4
  244. package/src/definitions/modules/modal.js +127 -49
  245. package/src/definitions/modules/modal.less +12 -0
  246. package/src/definitions/modules/nag.js +1 -1
  247. package/src/definitions/modules/nag.less +20 -19
  248. package/src/definitions/modules/popup.js +10 -10
  249. package/src/definitions/modules/popup.less +86 -90
  250. package/src/definitions/modules/progress.js +3 -0
  251. package/src/definitions/modules/progress.less +19 -18
  252. package/src/definitions/modules/rating.less +35 -34
  253. package/src/definitions/modules/search.js +1 -1
  254. package/src/definitions/modules/search.less +35 -19
  255. package/src/definitions/modules/shape.js +2 -2
  256. package/src/definitions/modules/sidebar.js +13 -11
  257. package/src/definitions/modules/sidebar.less +36 -22
  258. package/src/definitions/modules/slider.js +67 -50
  259. package/src/definitions/modules/slider.less +48 -47
  260. package/src/definitions/modules/sticky.js +3 -3
  261. package/src/definitions/modules/sticky.less +3 -1
  262. package/src/definitions/modules/tab.js +23 -5
  263. package/src/definitions/modules/tab.less +4 -4
  264. package/src/definitions/modules/toast.js +62 -30
  265. package/src/definitions/modules/toast.less +51 -16
  266. package/src/definitions/modules/transition.js +20 -15
  267. package/src/definitions/views/ad.less +3 -3
  268. package/src/definitions/views/card.less +522 -375
  269. package/src/definitions/views/comment.less +93 -82
  270. package/src/definitions/views/feed.less +164 -144
  271. package/src/definitions/views/item.less +251 -198
  272. package/src/definitions/views/statistic.less +91 -89
  273. package/src/theme.less +13 -2
  274. package/src/themes/amazon/globals/site.variables +1 -0
  275. package/src/themes/basic/elements/icon.overrides +149 -149
  276. package/src/themes/basic/elements/step.overrides +2 -2
  277. package/src/themes/bookish/elements/header.overrides +1 -1
  278. package/src/themes/chubby/elements/button.overrides +1 -1
  279. package/src/themes/chubby/elements/header.overrides +1 -1
  280. package/src/themes/default/assets/fonts/Lato-Bold.woff +0 -0
  281. package/src/themes/default/assets/fonts/Lato-Bold.woff2 +0 -0
  282. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff +0 -0
  283. package/src/themes/default/assets/fonts/Lato-BoldItalic.woff2 +0 -0
  284. package/src/themes/default/assets/fonts/Lato-Italic.woff +0 -0
  285. package/src/themes/default/assets/fonts/Lato-Italic.woff2 +0 -0
  286. package/src/themes/default/assets/fonts/Lato-Regular.woff +0 -0
  287. package/src/themes/default/assets/fonts/Lato-Regular.woff2 +0 -0
  288. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff +0 -0
  289. package/src/themes/default/assets/fonts/LatoLatin-Bold.woff2 +0 -0
  290. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff +0 -0
  291. package/src/themes/default/assets/fonts/LatoLatin-BoldItalic.woff2 +0 -0
  292. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff +0 -0
  293. package/src/themes/default/assets/fonts/LatoLatin-Italic.woff2 +0 -0
  294. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff +0 -0
  295. package/src/themes/default/assets/fonts/LatoLatin-Regular.woff2 +0 -0
  296. package/src/themes/default/assets/fonts/brand-icons.eot +0 -0
  297. package/src/themes/default/assets/fonts/brand-icons.svg +801 -654
  298. package/src/themes/default/assets/fonts/brand-icons.ttf +0 -0
  299. package/src/themes/default/assets/fonts/brand-icons.woff +0 -0
  300. package/src/themes/default/assets/fonts/brand-icons.woff2 +0 -0
  301. package/src/themes/default/assets/fonts/icons.eot +0 -0
  302. package/src/themes/default/assets/fonts/icons.svg +1175 -1079
  303. package/src/themes/default/assets/fonts/icons.ttf +0 -0
  304. package/src/themes/default/assets/fonts/icons.woff +0 -0
  305. package/src/themes/default/assets/fonts/icons.woff2 +0 -0
  306. package/src/themes/default/assets/fonts/outline-icons.eot +0 -0
  307. package/src/themes/default/assets/fonts/outline-icons.svg +93 -95
  308. package/src/themes/default/assets/fonts/outline-icons.ttf +0 -0
  309. package/src/themes/default/assets/fonts/outline-icons.woff +0 -0
  310. package/src/themes/default/assets/fonts/outline-icons.woff2 +0 -0
  311. package/src/themes/default/collections/form.variables +4 -0
  312. package/src/themes/default/collections/menu.variables +6 -0
  313. package/src/themes/default/collections/table.variables +52 -0
  314. package/src/themes/default/elements/button.variables +7 -1
  315. package/src/themes/default/elements/container.variables +12 -0
  316. package/src/themes/default/elements/divider.overrides +7 -7
  317. package/src/themes/default/elements/emoji.overrides +0 -3090
  318. package/src/themes/default/elements/emoji.variables +3575 -1
  319. package/src/themes/default/elements/flag.overrides +0 -991
  320. package/src/themes/default/elements/flag.variables +1609 -5
  321. package/src/themes/default/elements/icon.overrides +1975 -1949
  322. package/src/themes/default/elements/icon.variables +1 -0
  323. package/src/themes/default/elements/input.variables +15 -0
  324. package/src/themes/default/elements/segment.variables +8 -0
  325. package/src/themes/default/elements/step.overrides +3 -3
  326. package/src/themes/default/globals/site.variables +109 -8
  327. package/src/themes/default/globals/variation.variables +140 -6
  328. package/src/themes/default/modules/accordion.overrides +6 -5
  329. package/src/themes/default/modules/accordion.variables +49 -2
  330. package/src/themes/default/modules/calendar.variables +3 -0
  331. package/src/themes/default/modules/checkbox.overrides +9 -9
  332. package/src/themes/default/modules/checkbox.variables +5 -5
  333. package/src/themes/default/modules/dimmer.variables +1 -1
  334. package/src/themes/default/modules/dropdown.overrides +5 -5
  335. package/src/themes/default/modules/dropdown.variables +4 -10
  336. package/src/themes/default/modules/modal.variables +13 -0
  337. package/src/themes/default/modules/popup.variables +0 -2
  338. package/src/themes/default/modules/toast.variables +3 -0
  339. package/src/themes/default/views/card.variables +8 -0
  340. package/src/themes/{default → famfamfam}/assets/images/flags.png +0 -0
  341. package/src/themes/famfamfam/elements/flag.overrides +1026 -0
  342. package/src/themes/famfamfam/elements/flag.variables +20 -0
  343. package/src/themes/github/elements/icon.overrides +206 -206
  344. package/src/themes/github/elements/step.overrides +5 -5
  345. package/src/themes/github/globals/site.variables +1 -0
  346. package/src/themes/github/modules/dropdown.overrides +6 -6
  347. package/src/themes/instagram/views/card.overrides +1 -1
  348. package/src/themes/joypixels/elements/emoji.overrides +0 -3089
  349. package/src/themes/joypixels/elements/emoji.variables +3574 -5
  350. package/src/themes/material/collections/menu.overrides +1 -1
  351. package/src/themes/material/elements/button.overrides +1 -1
  352. package/src/themes/material/elements/header.overrides +1 -1
  353. package/src/themes/material/elements/icon.overrides +932 -932
  354. package/src/themes/material/globals/site.variables +0 -1
  355. package/src/themes/material/modules/dropdown.overrides +1 -1
  356. package/src/themes/material/modules/modal.overrides +1 -1
  357. package/src/themes/pulsar/elements/loader.overrides +2 -2
  358. package/src/themes/resetcss/globals/reset.overrides +3 -3
  359. package/src/themes/rtl/globals/site.overrides +1 -1
  360. package/src/themes/striped/modules/progress.overrides +1 -1
  361. package/src/themes/systemfont/globals/reset.overrides +8 -0
  362. package/src/themes/systemfont/globals/site.variables +10 -0
  363. package/src/themes/twitter/elements/emoji.overrides +0 -3091
  364. package/src/themes/twitter/elements/emoji.variables +3570 -6
  365. package/tasks/admin/distributions/create.js +1 -1
  366. package/tasks/admin/publish.js +1 -1
  367. package/tasks/admin/release.js +1 -1
  368. package/tasks/build/assets.js +1 -1
  369. package/tasks/build/css.js +9 -4
  370. package/tasks/build/javascript.js +3 -3
  371. package/tasks/check-install.js +1 -1
  372. package/tasks/clean.js +1 -1
  373. package/tasks/collections/README.md +1 -1
  374. package/tasks/collections/admin.js +1 -1
  375. package/tasks/config/admin/oauth.example.js +1 -1
  376. package/tasks/config/admin/templates/composer.json +1 -1
  377. package/tasks/config/project/install.js +15 -13
  378. package/tasks/install.js +1 -0
  379. package/tasks/rtl/watch.js +1 -1
  380. package/tasks/version.js +1 -1
  381. package/test/fixtures/accordion.html +1 -1
  382. package/test/fixtures/checkbox.html +1 -1
  383. package/test/fixtures/dropdown.html +1 -1
  384. package/test/fixtures/modal.html +1 -1
  385. package/test/fixtures/popup.html +1 -1
  386. package/test/fixtures/rating.html +1 -1
  387. package/test/fixtures/shape.html +1 -1
  388. package/test/fixtures/sidebar.html +1 -1
  389. package/test/fixtures/tab.html +1 -1
  390. package/test/fixtures/transition.html +1 -1
  391. package/test/fixtures/video.html +1 -1
  392. package/test/helpers/jasmine-jquery.js +2 -2
  393. package/test/helpers/jasmine-sinon.js +1 -1
  394. package/test/helpers/jquery-events.js +1 -1
  395. package/test/helpers/sinon.js +3 -3
  396. package/test/meteor/fonts.js +1 -1
  397. package/test/modules/accordion.spec.js +1 -1
  398. package/test/modules/checkbox.spec.js +1 -1
  399. package/test/modules/dropdown.spec.js +1 -1
  400. package/test/modules/modal.spec.js +1 -1
  401. package/test/modules/module.spec.js +1 -1
  402. package/test/modules/popup.spec.js +1 -1
  403. package/test/modules/search.spec.js +1 -1
  404. package/test/modules/shape.spec.js +1 -1
  405. package/test/modules/sidebar.spec.js +1 -1
  406. package/test/modules/tab.spec.js +1 -1
  407. package/test/modules/transition.spec.js +1 -1
  408. package/test/modules/video.spec.js +1 -1
package/dist/components/table.css CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.0-beta.29 - Table
2
+ * # Fomantic-UI 2.9.0-beta.292+4ee9307 - Table
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -160,10 +160,10 @@
160
160
  .ui.table.segment {
161
161
  padding: 0;
162
162
  }
163
- .ui.table.segment:after {
163
+ .ui.table.segment::after {
164
164
  display: none;
165
165
  }
166
- .ui.table.segment.stacked:after {
166
+ .ui.table.segment.stacked::after {
167
167
  display: block;
168
168
  }
169
169
 
@@ -233,246 +233,482 @@
233
233
  -webkit-box-shadow: none !important;
234
234
  box-shadow: none !important;
235
235
  }
236
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.left {
236
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].left {
237
237
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
238
238
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
239
239
  }
240
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.right {
240
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="primary marked"].right {
241
241
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
242
242
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
243
243
  }
244
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left {
244
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].left {
245
245
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
246
246
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
247
247
  }
248
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right {
248
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="primary marked"].right {
249
249
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
250
250
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
251
251
  }
252
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left {
252
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].left {
253
253
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
254
254
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
255
255
  }
256
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.right {
256
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="secondary marked"].right {
257
257
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
258
258
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
259
259
  }
260
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left {
260
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].left {
261
261
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
262
262
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
263
263
  }
264
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right {
264
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="secondary marked"].right {
265
265
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
266
266
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
267
267
  }
268
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left {
268
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].left {
269
269
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
270
270
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
271
271
  }
272
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.right {
272
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="red marked"].right {
273
273
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
274
274
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
275
275
  }
276
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left {
276
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].left {
277
277
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
278
278
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
279
279
  }
280
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right {
280
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="red marked"].right {
281
281
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
282
282
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
283
283
  }
284
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left {
284
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].left {
285
285
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
286
286
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
287
287
  }
288
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.right {
288
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="orange marked"].right {
289
289
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
290
290
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
291
291
  }
292
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left {
292
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].left {
293
293
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
294
294
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
295
295
  }
296
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right {
296
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="orange marked"].right {
297
297
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
298
298
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
299
299
  }
300
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left {
300
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].left {
301
301
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
302
302
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
303
303
  }
304
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.right {
304
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="yellow marked"].right {
305
305
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
306
306
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
307
307
  }
308
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left {
308
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].left {
309
309
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
310
310
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
311
311
  }
312
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right {
312
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="yellow marked"].right {
313
313
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
314
314
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
315
315
  }
316
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left {
316
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].left {
317
317
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
318
318
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
319
319
  }
320
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.right {
320
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="olive marked"].right {
321
321
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
322
322
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
323
323
  }
324
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left {
324
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].left {
325
325
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
326
326
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
327
327
  }
328
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right {
328
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="olive marked"].right {
329
329
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
330
330
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
331
331
  }
332
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left {
332
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].left {
333
333
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
334
334
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
335
335
  }
336
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.right {
336
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="green marked"].right {
337
337
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
338
338
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
339
339
  }
340
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left {
340
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].left {
341
341
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
342
342
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
343
343
  }
344
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right {
344
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="green marked"].right {
345
345
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
346
346
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
347
347
  }
348
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left {
348
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].left {
349
349
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
350
350
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
351
351
  }
352
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.right {
352
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="teal marked"].right {
353
353
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
354
354
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
355
355
  }
356
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left {
356
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].left {
357
357
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
358
358
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
359
359
  }
360
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right {
360
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="teal marked"].right {
361
361
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
362
362
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
363
363
  }
364
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left {
364
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].left {
365
365
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
366
366
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
367
367
  }
368
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.right {
368
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="blue marked"].right {
369
369
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
370
370
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
371
371
  }
372
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left {
372
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].left {
373
373
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
374
374
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
375
375
  }
376
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right {
376
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="blue marked"].right {
377
377
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
378
378
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
379
379
  }
380
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left {
380
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].left {
381
381
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
382
382
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
383
383
  }
384
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.right {
384
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="violet marked"].right {
385
385
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
386
386
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
387
387
  }
388
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left {
388
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].left {
389
389
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
390
390
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
391
391
  }
392
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right {
392
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="violet marked"].right {
393
393
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
394
394
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
395
395
  }
396
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left {
396
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].left {
397
397
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
398
398
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
399
399
  }
400
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.right {
400
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="purple marked"].right {
401
401
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
402
402
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
403
403
  }
404
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left {
404
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].left {
405
405
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
406
406
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
407
407
  }
408
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right {
408
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="purple marked"].right {
409
409
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
410
410
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
411
411
  }
412
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left {
412
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].left {
413
413
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
414
414
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
415
415
  }
416
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.right {
416
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="pink marked"].right {
417
417
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
418
418
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
419
419
  }
420
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left {
420
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].left {
421
421
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
422
422
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
423
423
  }
424
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right {
424
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="pink marked"].right {
425
425
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
426
426
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
427
427
  }
428
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left {
428
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].left {
429
429
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
430
430
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
431
431
  }
432
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.right {
432
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="brown marked"].right {
433
433
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
434
434
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
435
435
  }
436
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left {
436
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].left {
437
437
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
438
438
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
439
439
  }
440
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right {
440
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="brown marked"].right {
441
441
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
442
442
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
443
443
  }
444
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left {
444
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].left {
445
445
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
446
446
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
447
447
  }
448
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.right {
448
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="grey marked"].right {
449
449
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
450
450
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
451
451
  }
452
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left {
452
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].left {
453
453
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
454
454
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
455
455
  }
456
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right {
456
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="grey marked"].right {
457
457
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
458
458
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
459
459
  }
460
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left {
460
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].left {
461
461
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
462
462
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
463
463
  }
464
- .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right {
464
+ .ui.ui.ui.ui.table:not(.unstackable) tr[class*="black marked"].right {
465
465
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
466
466
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
467
467
  }
468
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left {
468
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].left {
469
469
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
470
470
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
471
471
  }
472
- .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right {
472
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr[class*="black marked"].right {
473
473
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
474
474
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
475
475
  }
476
+ .ui.scrolling.table.short > tbody {
477
+ max-height: 6.74983929em;
478
+ }
479
+ .ui.scrolling.table[class*="very short"] > tbody {
480
+ max-height: 4.49989286em;
481
+ }
482
+ .ui.scrolling.table > tbody {
483
+ max-height: 8.99978571em;
484
+ }
485
+ .ui.scrolling.table.long > tbody {
486
+ max-height: 17.99957143em;
487
+ }
488
+ .ui.scrolling.table[class*="very long"] > tbody {
489
+ max-height: 26.99935714em;
490
+ }
491
+ .ui.overflowing.table.short {
492
+ max-height: 11.24973214em;
493
+ }
494
+ .ui.overflowing.table[class*="very short"] {
495
+ max-height: 7.49982143em;
496
+ }
497
+ .ui.overflowing.table {
498
+ max-height: 14.99964286em;
499
+ }
500
+ .ui.overflowing.table.long {
501
+ max-height: 29.99928571em;
502
+ }
503
+ .ui.overflowing.table[class*="very long"] {
504
+ max-height: 44.99892857em;
505
+ }
506
+ }
507
+
508
+ /*--------------
509
+ Scrolling
510
+ ---------------*/
511
+
512
+ @media only screen and (min-width: 768px) {
513
+ .ui.scrolling.table.short > tbody {
514
+ max-height: 8.99978571em;
515
+ }
516
+ .ui.scrolling.table[class*="very short"] > tbody {
517
+ max-height: 5.99985714em;
518
+ }
519
+ .ui.scrolling.table > tbody {
520
+ max-height: 11.99971429em;
521
+ }
522
+ .ui.scrolling.table.long > tbody {
523
+ max-height: 23.99942857em;
524
+ }
525
+ .ui.scrolling.table[class*="very long"] > tbody {
526
+ max-height: 35.99914286em;
527
+ }
528
+ }
529
+ @media only screen and (min-width: 992px) {
530
+ .ui.scrolling.table.short > tbody {
531
+ max-height: 13.49967857em;
532
+ }
533
+ .ui.scrolling.table[class*="very short"] > tbody {
534
+ max-height: 8.99978571em;
535
+ }
536
+ .ui.scrolling.table > tbody {
537
+ max-height: 17.99957143em;
538
+ }
539
+ .ui.scrolling.table.long > tbody {
540
+ max-height: 35.99914286em;
541
+ }
542
+ .ui.scrolling.table[class*="very long"] > tbody {
543
+ max-height: 53.99871429em;
544
+ }
545
+ }
546
+ @media only screen and (min-width: 1920px) {
547
+ .ui.scrolling.table.short > tbody {
548
+ max-height: 17.99957143em;
549
+ }
550
+ .ui.scrolling.table[class*="very short"] > tbody {
551
+ max-height: 11.99971429em;
552
+ }
553
+ .ui.scrolling.table > tbody {
554
+ max-height: 23.99942857em;
555
+ }
556
+ .ui.scrolling.table.long > tbody {
557
+ max-height: 47.99885714em;
558
+ }
559
+ .ui.scrolling.table[class*="very long"] > tbody {
560
+ max-height: 71.99828571em;
561
+ }
562
+ }
563
+ .ui.scrolling.table > thead,
564
+ .ui.scrolling.table > tfoot,
565
+ .ui.scrolling.table > tbody {
566
+ display: block;
567
+ overflow-y: scroll;
568
+ scrollbar-width: thin;
569
+
570
+ /* Firefox */
571
+ }
572
+ .ui.scrolling.table > thead > tr,
573
+ .ui.scrolling.table > tfoot > tr,
574
+ .ui.scrolling.table > tbody > tr {
575
+ display: table;
576
+ table-layout: fixed;
577
+ width: 100%;
578
+ }
579
+
580
+ /* Camouflage scrollbars, we need them only to gain the same width as tbody */
581
+ .ui.scrolling.table > thead {
582
+ background: #F9FAFB;
583
+ color: #F9FAFB;
584
+ border-radius: 0.28571429rem 0.28571429rem 0 0;
585
+ }
586
+ .ui.scrolling.table > tfoot {
587
+ background: #F9FAFB;
588
+ color: #F9FAFB;
589
+ border-radius: 0 0 0.28571429rem 0.28571429rem;
590
+ }
591
+ .ui.inverted.scrolling.table > thead {
592
+ background: rgba(0, 0, 0, 0.15);
593
+ color: rgba(0, 0, 0, 0.15);
594
+ }
595
+ .ui.inverted.scrolling.table > tfoot {
596
+ background: rgba(0, 0, 0, 0.15);
597
+ color: rgba(0, 0, 0, 0.15);
598
+ }
599
+ .ui.scrolling.table > thead::-webkit-scrollbar-track,
600
+ .ui.scrolling.table > tfoot::-webkit-scrollbar-track {
601
+ background: inherit;
602
+ border-radius: 0.28571429rem;
603
+ }
604
+
605
+ /* Firefox & IE */
606
+ .ui.scrolling.table > thead,
607
+ .ui.scrolling.table > tfoot {
608
+ scrollbar-color: currentColor currentColor;
609
+ scrollbar-face-color: currentColor;
610
+ scrollbar-shadow-color: currentColor;
611
+ scrollbar-track-color: currentColor;
612
+ scrollbar-arrow-color: currentColor;
613
+ }
614
+
615
+ /* IE scrollbar color needs hex values */
616
+ @media all and (-ms-high-contrast: none) {
617
+ .ui.scrolling.table > thead {
618
+ color: #F9FAFB;
619
+ }
620
+ .ui.scrolling.table > tfoot {
621
+ color: #F9FAFB;
622
+ }
623
+ .ui.inverted.scrolling.table > thead {
624
+ color: #252525;
625
+ }
626
+ .ui.inverted.scrolling.table > tfoot {
627
+ color: #252525;
628
+ }
629
+ }
630
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-track {
631
+ background: rgba(255, 255, 255, 0.1);
632
+ }
633
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb {
634
+ background: rgba(255, 255, 255, 0.25);
635
+ }
636
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:window-inactive {
637
+ background: rgba(255, 255, 255, 0.15);
638
+ }
639
+ .ui.inverted.scrolling.table > tbody::-webkit-scrollbar-thumb:hover {
640
+ background: rgba(255, 255, 255, 0.35);
641
+ }
642
+ .ui.inverted.scrolling.table > tbody {
643
+
644
+ /* IE11 */
645
+ scrollbar-face-color: #656565;
646
+ scrollbar-shadow-color: #656565;
647
+ scrollbar-track-color: #323232;
648
+ scrollbar-arrow-color: #323232;
649
+
650
+ /* firefox : first color thumb, second track */
651
+ scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
652
+ }
653
+
654
+ /*--------------
655
+ Overflowing
656
+ ---------------*/
657
+
658
+ .ui.overflowing.table {
659
+ display: block;
660
+ overflow: auto;
661
+ }
662
+ @media only screen and (min-width: 768px) {
663
+ .ui.overflowing.table.short {
664
+ max-height: 13.49967857em;
665
+ }
666
+ .ui.overflowing.table[class*="very short"] {
667
+ max-height: 8.99978571em;
668
+ }
669
+ .ui.overflowing.table {
670
+ max-height: 17.99957143em;
671
+ }
672
+ .ui.overflowing.table.long {
673
+ max-height: 35.99914286em;
674
+ }
675
+ .ui.overflowing.table[class*="very long"] {
676
+ max-height: 53.99871429em;
677
+ }
678
+ }
679
+ @media only screen and (min-width: 992px) {
680
+ .ui.overflowing.table.short {
681
+ max-height: 17.99957143em;
682
+ }
683
+ .ui.overflowing.table[class*="very short"] {
684
+ max-height: 11.99971429em;
685
+ }
686
+ .ui.overflowing.table {
687
+ max-height: 23.99942857em;
688
+ }
689
+ .ui.overflowing.table.long {
690
+ max-height: 47.99885714em;
691
+ }
692
+ .ui.overflowing.table[class*="very long"] {
693
+ max-height: 71.99828571em;
694
+ }
695
+ }
696
+ @media only screen and (min-width: 1920px) {
697
+ .ui.overflowing.table.short {
698
+ max-height: 22.49946429em;
699
+ }
700
+ .ui.overflowing.table[class*="very short"] {
701
+ max-height: 14.99964286em;
702
+ }
703
+ .ui.overflowing.table {
704
+ max-height: 29.99928571em;
705
+ }
706
+ .ui.overflowing.table.long {
707
+ max-height: 59.99857143em;
708
+ }
709
+ .ui.overflowing.table[class*="very long"] {
710
+ max-height: 89.99785714em;
711
+ }
476
712
  }
477
713
 
478
714
 
@@ -599,6 +835,11 @@
599
835
  background: #FCFFF5;
600
836
  color: #2C662D;
601
837
  }
838
+ .ui.ui.ui.ui.inverted.table tr.positive,
839
+ .ui.ui.inverted.table td.positive {
840
+ background: #A3C293;
841
+ color: #2C662D;
842
+ }
602
843
 
603
844
  /*--------------
604
845
  Negative
@@ -611,6 +852,11 @@
611
852
  background: #FFF6F6;
612
853
  color: #9F3A38;
613
854
  }
855
+ .ui.ui.ui.ui.inverted.table tr.negative,
856
+ .ui.ui.inverted.table td.negative {
857
+ background: #E0B4B4;
858
+ color: #9F3A38;
859
+ }
614
860
 
615
861
  /*--------------
616
862
  Error
@@ -623,6 +869,11 @@
623
869
  background: #FFF6F6;
624
870
  color: #9F3A38;
625
871
  }
872
+ .ui.ui.ui.ui.inverted.table tr.error,
873
+ .ui.ui.inverted.table td.error {
874
+ background: #E0B4B4;
875
+ color: #9F3A38;
876
+ }
626
877
 
627
878
  /*--------------
628
879
  Warning
@@ -635,6 +886,11 @@
635
886
  background: #FFFAF3;
636
887
  color: #573A08;
637
888
  }
889
+ .ui.ui.ui.ui.inverted.table tr.warning,
890
+ .ui.ui.inverted.table td.warning {
891
+ background: #EEC97E;
892
+ color: #573A08;
893
+ }
638
894
 
639
895
  /*--------------
640
896
  Active
@@ -647,13 +903,18 @@
647
903
  background: #E0E0E0;
648
904
  color: rgba(0, 0, 0, 0.87);
649
905
  }
906
+ .ui.ui.ui.ui.inverted.table tr.active,
907
+ .ui.ui.inverted.table td.active {
908
+ background: #A0A0A0;
909
+ color: rgba(0, 0, 0, 0.87);
910
+ }
650
911
 
651
912
  /*--------------
652
913
  Disabled
653
914
  ---------------*/
654
915
 
655
- .ui.table tr.disabled td,
656
- .ui.table tr td.disabled,
916
+ .ui.ui.ui.table tr.disabled td,
917
+ .ui.ui.ui.table tr td.disabled,
657
918
  .ui.table tr.disabled:hover,
658
919
  .ui.table tr:hover td.disabled {
659
920
  pointer-events: none;
@@ -727,243 +988,243 @@
727
988
  box-shadow: none !important;
728
989
  }
729
990
  }
730
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.left {
991
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].left {
731
992
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
732
993
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
733
994
  }
734
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.right {
995
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="primary marked"].right {
735
996
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
736
997
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
737
998
  }
738
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left {
999
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].left {
739
1000
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
740
1001
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
741
1002
  }
742
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right {
1003
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="primary marked"].right {
743
1004
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
744
1005
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
745
1006
  }
746
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left {
1007
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].left {
747
1008
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
748
1009
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
749
1010
  }
750
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.right {
1011
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="secondary marked"].right {
751
1012
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
752
1013
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
753
1014
  }
754
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left {
1015
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].left {
755
1016
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
756
1017
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
757
1018
  }
758
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right {
1019
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="secondary marked"].right {
759
1020
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
760
1021
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
761
1022
  }
762
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left {
1023
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].left {
763
1024
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
764
1025
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
765
1026
  }
766
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.right {
1027
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="red marked"].right {
767
1028
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
768
1029
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
769
1030
  }
770
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left {
1031
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].left {
771
1032
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
772
1033
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
773
1034
  }
774
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right {
1035
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="red marked"].right {
775
1036
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
776
1037
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
777
1038
  }
778
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left {
1039
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].left {
779
1040
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
780
1041
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
781
1042
  }
782
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.right {
1043
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="orange marked"].right {
783
1044
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
784
1045
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
785
1046
  }
786
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left {
1047
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].left {
787
1048
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
788
1049
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
789
1050
  }
790
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right {
1051
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="orange marked"].right {
791
1052
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
792
1053
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
793
1054
  }
794
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left {
1055
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].left {
795
1056
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
796
1057
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
797
1058
  }
798
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.right {
1059
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="yellow marked"].right {
799
1060
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
800
1061
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
801
1062
  }
802
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left {
1063
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].left {
803
1064
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
804
1065
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
805
1066
  }
806
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right {
1067
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="yellow marked"].right {
807
1068
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
808
1069
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
809
1070
  }
810
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left {
1071
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].left {
811
1072
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
812
1073
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
813
1074
  }
814
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.right {
1075
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="olive marked"].right {
815
1076
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
816
1077
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
817
1078
  }
818
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left {
1079
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].left {
819
1080
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
820
1081
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
821
1082
  }
822
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right {
1083
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="olive marked"].right {
823
1084
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
824
1085
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
825
1086
  }
826
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left {
1087
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].left {
827
1088
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
828
1089
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
829
1090
  }
830
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.right {
1091
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="green marked"].right {
831
1092
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
832
1093
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
833
1094
  }
834
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left {
1095
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].left {
835
1096
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
836
1097
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
837
1098
  }
838
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right {
1099
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="green marked"].right {
839
1100
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
840
1101
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
841
1102
  }
842
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left {
1103
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].left {
843
1104
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
844
1105
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
845
1106
  }
846
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.right {
1107
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="teal marked"].right {
847
1108
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
848
1109
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
849
1110
  }
850
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left {
1111
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].left {
851
1112
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
852
1113
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
853
1114
  }
854
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right {
1115
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="teal marked"].right {
855
1116
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
856
1117
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
857
1118
  }
858
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left {
1119
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].left {
859
1120
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
860
1121
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
861
1122
  }
862
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right {
1123
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="blue marked"].right {
863
1124
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
864
1125
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
865
1126
  }
866
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left {
1127
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].left {
867
1128
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
868
1129
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
869
1130
  }
870
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right {
1131
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="blue marked"].right {
871
1132
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
872
1133
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
873
1134
  }
874
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left {
1135
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].left {
875
1136
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
876
1137
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
877
1138
  }
878
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right {
1139
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="violet marked"].right {
879
1140
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
880
1141
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
881
1142
  }
882
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left {
1143
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].left {
883
1144
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
884
1145
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
885
1146
  }
886
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right {
1147
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="violet marked"].right {
887
1148
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
888
1149
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
889
1150
  }
890
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left {
1151
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].left {
891
1152
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
892
1153
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
893
1154
  }
894
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.right {
1155
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="purple marked"].right {
895
1156
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
896
1157
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
897
1158
  }
898
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left {
1159
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].left {
899
1160
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
900
1161
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
901
1162
  }
902
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right {
1163
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="purple marked"].right {
903
1164
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
904
1165
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
905
1166
  }
906
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left {
1167
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].left {
907
1168
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
908
1169
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
909
1170
  }
910
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.right {
1171
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="pink marked"].right {
911
1172
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
912
1173
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
913
1174
  }
914
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left {
1175
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].left {
915
1176
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
916
1177
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
917
1178
  }
918
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right {
1179
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="pink marked"].right {
919
1180
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
920
1181
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
921
1182
  }
922
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left {
1183
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].left {
923
1184
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
924
1185
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
925
1186
  }
926
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.right {
1187
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="brown marked"].right {
927
1188
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
928
1189
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
929
1190
  }
930
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left {
1191
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].left {
931
1192
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
932
1193
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
933
1194
  }
934
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right {
1195
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="brown marked"].right {
935
1196
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
936
1197
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
937
1198
  }
938
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left {
1199
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].left {
939
1200
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
940
1201
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
941
1202
  }
942
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.right {
1203
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="grey marked"].right {
943
1204
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
944
1205
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
945
1206
  }
946
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left {
1207
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].left {
947
1208
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
948
1209
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
949
1210
  }
950
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right {
1211
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="grey marked"].right {
951
1212
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
952
1213
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
953
1214
  }
954
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left {
1215
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].left {
955
1216
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
956
1217
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
957
1218
  }
958
- .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.right {
1219
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr[class*="black marked"].right {
959
1220
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
960
1221
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
961
1222
  }
962
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left {
1223
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].left {
963
1224
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
964
1225
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
965
1226
  }
966
- .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right {
1227
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr[class*="black marked"].right {
967
1228
  -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
968
1229
  box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
969
1230
  }
@@ -1047,6 +1308,8 @@
1047
1308
  .ui.table tbody tr td.selectable > a:not(.ui) {
1048
1309
  display: block;
1049
1310
  color: inherit;
1311
+ }
1312
+ .ui.table:not(.compact) tbody tr td.selectable > a:not(.ui) {
1050
1313
  padding: 0.78571429em 0.78571429em;
1051
1314
  }
1052
1315
  .ui.table > tr > td.selectable,
@@ -1175,37 +1438,106 @@
1175
1438
  border-top: 0.2em solid #2185D0;
1176
1439
  }
1177
1440
  .ui.inverted.primary.table {
1178
- background-color: #2185D0;
1441
+ background: #2185D0;
1179
1442
  color: #FFFFFF;
1180
1443
  }
1444
+
1445
+ /* Same color for background and color to camouflage the scrollbar */
1446
+ .ui.scrolling.table > thead.primary,
1447
+ .ui.scrolling.table > tfoot.primary {
1448
+ background: #ddf4ff;
1449
+ color: #ddf4ff;
1450
+ }
1451
+ .ui.scrolling.table > thead.primary > tr > th,
1452
+ .ui.scrolling.table > tfoot.primary > tr > th,
1453
+ .ui.scrolling.table > thead.primary > tr > td,
1454
+ .ui.scrolling.table > tfoot.primary > tr > td {
1455
+ background: inherit;
1456
+ color: rgba(255, 255, 255, 0.9);
1457
+ }
1458
+ .ui.inverted.scrolling.table > thead.primary,
1459
+ .ui.inverted.scrolling.table > tfoot.primary {
1460
+ background: #2185D0;
1461
+ color: #2185D0;
1462
+ }
1463
+ .ui.inverted.scrolling.table > thead.primary > tr > th,
1464
+ .ui.inverted.scrolling.table > tfoot.primary > tr > th,
1465
+ .ui.inverted.scrolling.table > thead.primary > tr > td,
1466
+ .ui.inverted.scrolling.table > tfoot.primary > tr > td {
1467
+ background: inherit;
1468
+ color: #FFFFFF;
1469
+ }
1470
+ .ui.ui.ui.ui.table tr[class*="primary colored"],
1471
+ .ui.ui.table th[class*="primary colored"],
1472
+ .ui.ui.table td[class*="primary colored"],
1181
1473
  .ui.ui.ui.ui.table tr.primary:not(.marked),
1474
+ .ui.ui.table th.primary:not(.marked),
1182
1475
  .ui.ui.table td.primary:not(.marked) {
1183
1476
  background: #ddf4ff;
1184
1477
  color: rgba(255, 255, 255, 0.9);
1185
1478
  }
1479
+ .ui.table > thead > tr[class*="primary colored"] > th,
1480
+ .ui.table > tfoot > tr[class*="primary colored"] > th,
1481
+ .ui.table > tfoot > tr[class*="primary colored"] > td,
1482
+ .ui.table > thead > tr.primary:not(.marked) > th,
1483
+ .ui.table > tfoot > tr.primary:not(.marked) > th,
1484
+ .ui.table > tfoot > tr.primary:not(.marked) > td {
1485
+ background: inherit;
1486
+ color: rgba(255, 255, 255, 0.9);
1487
+ }
1488
+ .ui.ui.ui.ui.inverted.table tr[class*="primary colored"],
1489
+ .ui.ui.inverted.table th[class*="primary colored"],
1490
+ .ui.ui.inverted.table td[class*="primary colored"],
1491
+ .ui.ui.ui.ui.inverted.table tr.primary:not(.marked),
1492
+ .ui.ui.inverted.table th.primary:not(.marked),
1493
+ .ui.ui.inverted.table td.primary:not(.marked) {
1494
+ background: #2185D0;
1495
+ color: #FFFFFF;
1496
+ }
1497
+ .ui.inverted.table > thead > tr[class*="primary colored"] > th,
1498
+ .ui.inverted.table > tfoot > tr[class*="primary colored"] > th,
1499
+ .ui.inverted.table > tfoot > tr[class*="primary colored"] > td,
1500
+ .ui.inverted.table > thead > tr.primary:not(.marked) > th,
1501
+ .ui.inverted.table > tfoot > tr.primary:not(.marked) > th,
1502
+ .ui.inverted.table > tfoot > tr.primary:not(.marked) > td {
1503
+ background: inherit;
1504
+ color: #FFFFFF;
1505
+ }
1506
+ .ui.ui.selectable.table tr[class*="primary colored"]:hover,
1507
+ .ui.table tr td.selectable[class*="primary colored"]:hover,
1508
+ .ui.selectable.table tr:hover td[class*="primary colored"],
1186
1509
  .ui.ui.selectable.table tr.primary:not(.marked):hover,
1187
1510
  .ui.table tr td.selectable.primary:not(.marked):hover,
1188
1511
  .ui.selectable.table tr:hover td.primary:not(.marked) {
1189
1512
  background: #d3f1ff;
1190
1513
  color: rgba(255, 255, 255, 0.9);
1191
1514
  }
1192
- .ui.table td.marked.primary.left,
1193
- .ui.table tr.marked.primary.left {
1515
+ .ui.ui.inverted.selectable.table tr[class*="primary colored"]:hover,
1516
+ .ui.inverted.table tr td.selectable[class*="primary colored"]:hover,
1517
+ .ui.inverted.selectable.table tr:hover td[class*="primary colored"],
1518
+ .ui.ui.inverted.selectable.table tr.primary:not(.marked):hover,
1519
+ .ui.inverted.table tr td.selectable.primary:not(.marked):hover,
1520
+ .ui.inverted.selectable.table tr:hover td.primary:not(.marked) {
1521
+ background: #21b8ff;
1522
+ color: #FFFFFF;
1523
+ }
1524
+ .ui.table td[class*="primary marked"].left,
1525
+ .ui.table tr[class*="primary marked"].left {
1194
1526
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1195
1527
  box-shadow: 0.2em 0 0 0 #2185D0 inset;
1196
1528
  }
1197
- .ui.table td.marked.primary.right,
1198
- .ui.table tr.marked.primary.right {
1529
+ .ui.table td[class*="primary marked"].right,
1530
+ .ui.table tr[class*="primary marked"].right {
1199
1531
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1200
1532
  box-shadow: -0.2em 0 0 0 #2185D0 inset;
1201
1533
  }
1202
- .ui.inverted.table td.marked.primary.left,
1203
- .ui.inverted.table tr.marked.primary.left {
1534
+ .ui.inverted.table td[class*="primary marked"].left,
1535
+ .ui.inverted.table tr[class*="primary marked"].left {
1204
1536
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1205
1537
  box-shadow: 0.2em 0 0 0 #54C8FF inset;
1206
1538
  }
1207
- .ui.inverted.table td.marked.primary.right,
1208
- .ui.inverted.table tr.marked.primary.right {
1539
+ .ui.inverted.table td[class*="primary marked"].right,
1540
+ .ui.inverted.table tr[class*="primary marked"].right {
1209
1541
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1210
1542
  box-shadow: -0.2em 0 0 0 #54C8FF inset;
1211
1543
  }
@@ -1213,37 +1545,106 @@
1213
1545
  border-top: 0.2em solid #1B1C1D;
1214
1546
  }
1215
1547
  .ui.inverted.secondary.table {
1216
- background-color: #1B1C1D;
1548
+ background: #1B1C1D;
1217
1549
  color: #FFFFFF;
1218
1550
  }
1551
+
1552
+ /* Same color for background and color to camouflage the scrollbar */
1553
+ .ui.scrolling.table > thead.secondary,
1554
+ .ui.scrolling.table > tfoot.secondary {
1555
+ background: #dddddd;
1556
+ color: #dddddd;
1557
+ }
1558
+ .ui.scrolling.table > thead.secondary > tr > th,
1559
+ .ui.scrolling.table > tfoot.secondary > tr > th,
1560
+ .ui.scrolling.table > thead.secondary > tr > td,
1561
+ .ui.scrolling.table > tfoot.secondary > tr > td {
1562
+ background: inherit;
1563
+ color: rgba(255, 255, 255, 0.9);
1564
+ }
1565
+ .ui.inverted.scrolling.table > thead.secondary,
1566
+ .ui.inverted.scrolling.table > tfoot.secondary {
1567
+ background: #1B1C1D;
1568
+ color: #1B1C1D;
1569
+ }
1570
+ .ui.inverted.scrolling.table > thead.secondary > tr > th,
1571
+ .ui.inverted.scrolling.table > tfoot.secondary > tr > th,
1572
+ .ui.inverted.scrolling.table > thead.secondary > tr > td,
1573
+ .ui.inverted.scrolling.table > tfoot.secondary > tr > td {
1574
+ background: inherit;
1575
+ color: #FFFFFF;
1576
+ }
1577
+ .ui.ui.ui.ui.table tr[class*="secondary colored"],
1578
+ .ui.ui.table th[class*="secondary colored"],
1579
+ .ui.ui.table td[class*="secondary colored"],
1219
1580
  .ui.ui.ui.ui.table tr.secondary:not(.marked),
1581
+ .ui.ui.table th.secondary:not(.marked),
1220
1582
  .ui.ui.table td.secondary:not(.marked) {
1221
1583
  background: #dddddd;
1222
1584
  color: rgba(255, 255, 255, 0.9);
1223
1585
  }
1586
+ .ui.table > thead > tr[class*="secondary colored"] > th,
1587
+ .ui.table > tfoot > tr[class*="secondary colored"] > th,
1588
+ .ui.table > tfoot > tr[class*="secondary colored"] > td,
1589
+ .ui.table > thead > tr.secondary:not(.marked) > th,
1590
+ .ui.table > tfoot > tr.secondary:not(.marked) > th,
1591
+ .ui.table > tfoot > tr.secondary:not(.marked) > td {
1592
+ background: inherit;
1593
+ color: rgba(255, 255, 255, 0.9);
1594
+ }
1595
+ .ui.ui.ui.ui.inverted.table tr[class*="secondary colored"],
1596
+ .ui.ui.inverted.table th[class*="secondary colored"],
1597
+ .ui.ui.inverted.table td[class*="secondary colored"],
1598
+ .ui.ui.ui.ui.inverted.table tr.secondary:not(.marked),
1599
+ .ui.ui.inverted.table th.secondary:not(.marked),
1600
+ .ui.ui.inverted.table td.secondary:not(.marked) {
1601
+ background: #1B1C1D;
1602
+ color: #FFFFFF;
1603
+ }
1604
+ .ui.inverted.table > thead > tr[class*="secondary colored"] > th,
1605
+ .ui.inverted.table > tfoot > tr[class*="secondary colored"] > th,
1606
+ .ui.inverted.table > tfoot > tr[class*="secondary colored"] > td,
1607
+ .ui.inverted.table > thead > tr.secondary:not(.marked) > th,
1608
+ .ui.inverted.table > tfoot > tr.secondary:not(.marked) > th,
1609
+ .ui.inverted.table > tfoot > tr.secondary:not(.marked) > td {
1610
+ background: inherit;
1611
+ color: #FFFFFF;
1612
+ }
1613
+ .ui.ui.selectable.table tr[class*="secondary colored"]:hover,
1614
+ .ui.table tr td.selectable[class*="secondary colored"]:hover,
1615
+ .ui.selectable.table tr:hover td[class*="secondary colored"],
1224
1616
  .ui.ui.selectable.table tr.secondary:not(.marked):hover,
1225
1617
  .ui.table tr td.selectable.secondary:not(.marked):hover,
1226
1618
  .ui.selectable.table tr:hover td.secondary:not(.marked) {
1227
1619
  background: #e2e2e2;
1228
1620
  color: rgba(255, 255, 255, 0.9);
1229
1621
  }
1230
- .ui.table td.marked.secondary.left,
1231
- .ui.table tr.marked.secondary.left {
1622
+ .ui.ui.inverted.selectable.table tr[class*="secondary colored"]:hover,
1623
+ .ui.inverted.table tr td.selectable[class*="secondary colored"]:hover,
1624
+ .ui.inverted.selectable.table tr:hover td[class*="secondary colored"],
1625
+ .ui.ui.inverted.selectable.table tr.secondary:not(.marked):hover,
1626
+ .ui.inverted.table tr td.selectable.secondary:not(.marked):hover,
1627
+ .ui.inverted.selectable.table tr:hover td.secondary:not(.marked) {
1628
+ background: #6e6e6e;
1629
+ color: #FFFFFF;
1630
+ }
1631
+ .ui.table td[class*="secondary marked"].left,
1632
+ .ui.table tr[class*="secondary marked"].left {
1232
1633
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1233
1634
  box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1234
1635
  }
1235
- .ui.table td.marked.secondary.right,
1236
- .ui.table tr.marked.secondary.right {
1636
+ .ui.table td[class*="secondary marked"].right,
1637
+ .ui.table tr[class*="secondary marked"].right {
1237
1638
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1238
1639
  box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1239
1640
  }
1240
- .ui.inverted.table td.marked.secondary.left,
1241
- .ui.inverted.table tr.marked.secondary.left {
1641
+ .ui.inverted.table td[class*="secondary marked"].left,
1642
+ .ui.inverted.table tr[class*="secondary marked"].left {
1242
1643
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1243
1644
  box-shadow: 0.2em 0 0 0 #545454 inset;
1244
1645
  }
1245
- .ui.inverted.table td.marked.secondary.right,
1246
- .ui.inverted.table tr.marked.secondary.right {
1646
+ .ui.inverted.table td[class*="secondary marked"].right,
1647
+ .ui.inverted.table tr[class*="secondary marked"].right {
1247
1648
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1248
1649
  box-shadow: -0.2em 0 0 0 #545454 inset;
1249
1650
  }
@@ -1251,37 +1652,106 @@
1251
1652
  border-top: 0.2em solid #DB2828;
1252
1653
  }
1253
1654
  .ui.inverted.red.table {
1254
- background-color: #DB2828;
1655
+ background: #DB2828;
1255
1656
  color: #FFFFFF;
1256
1657
  }
1658
+
1659
+ /* Same color for background and color to camouflage the scrollbar */
1660
+ .ui.scrolling.table > thead.red,
1661
+ .ui.scrolling.table > tfoot.red {
1662
+ background: #ffe1df;
1663
+ color: #ffe1df;
1664
+ }
1665
+ .ui.scrolling.table > thead.red > tr > th,
1666
+ .ui.scrolling.table > tfoot.red > tr > th,
1667
+ .ui.scrolling.table > thead.red > tr > td,
1668
+ .ui.scrolling.table > tfoot.red > tr > td {
1669
+ background: inherit;
1670
+ color: #DB2828;
1671
+ }
1672
+ .ui.inverted.scrolling.table > thead.red,
1673
+ .ui.inverted.scrolling.table > tfoot.red {
1674
+ background: #DB2828;
1675
+ color: #DB2828;
1676
+ }
1677
+ .ui.inverted.scrolling.table > thead.red > tr > th,
1678
+ .ui.inverted.scrolling.table > tfoot.red > tr > th,
1679
+ .ui.inverted.scrolling.table > thead.red > tr > td,
1680
+ .ui.inverted.scrolling.table > tfoot.red > tr > td {
1681
+ background: inherit;
1682
+ color: #FFFFFF;
1683
+ }
1684
+ .ui.ui.ui.ui.table tr[class*="red colored"],
1685
+ .ui.ui.table th[class*="red colored"],
1686
+ .ui.ui.table td[class*="red colored"],
1257
1687
  .ui.ui.ui.ui.table tr.red:not(.marked),
1688
+ .ui.ui.table th.red:not(.marked),
1258
1689
  .ui.ui.table td.red:not(.marked) {
1259
1690
  background: #ffe1df;
1260
1691
  color: #DB2828;
1261
1692
  }
1693
+ .ui.table > thead > tr[class*="red colored"] > th,
1694
+ .ui.table > tfoot > tr[class*="red colored"] > th,
1695
+ .ui.table > tfoot > tr[class*="red colored"] > td,
1696
+ .ui.table > thead > tr.red:not(.marked) > th,
1697
+ .ui.table > tfoot > tr.red:not(.marked) > th,
1698
+ .ui.table > tfoot > tr.red:not(.marked) > td {
1699
+ background: inherit;
1700
+ color: #DB2828;
1701
+ }
1702
+ .ui.ui.ui.ui.inverted.table tr[class*="red colored"],
1703
+ .ui.ui.inverted.table th[class*="red colored"],
1704
+ .ui.ui.inverted.table td[class*="red colored"],
1705
+ .ui.ui.ui.ui.inverted.table tr.red:not(.marked),
1706
+ .ui.ui.inverted.table th.red:not(.marked),
1707
+ .ui.ui.inverted.table td.red:not(.marked) {
1708
+ background: #DB2828;
1709
+ color: #FFFFFF;
1710
+ }
1711
+ .ui.inverted.table > thead > tr[class*="red colored"] > th,
1712
+ .ui.inverted.table > tfoot > tr[class*="red colored"] > th,
1713
+ .ui.inverted.table > tfoot > tr[class*="red colored"] > td,
1714
+ .ui.inverted.table > thead > tr.red:not(.marked) > th,
1715
+ .ui.inverted.table > tfoot > tr.red:not(.marked) > th,
1716
+ .ui.inverted.table > tfoot > tr.red:not(.marked) > td {
1717
+ background: inherit;
1718
+ color: #FFFFFF;
1719
+ }
1720
+ .ui.ui.selectable.table tr[class*="red colored"]:hover,
1721
+ .ui.table tr td.selectable[class*="red colored"]:hover,
1722
+ .ui.selectable.table tr:hover td[class*="red colored"],
1262
1723
  .ui.ui.selectable.table tr.red:not(.marked):hover,
1263
1724
  .ui.table tr td.selectable.red:not(.marked):hover,
1264
1725
  .ui.selectable.table tr:hover td.red:not(.marked) {
1265
1726
  background: #ffd7d5;
1266
1727
  color: #DB2828;
1267
1728
  }
1268
- .ui.table td.marked.red.left,
1269
- .ui.table tr.marked.red.left {
1729
+ .ui.ui.inverted.selectable.table tr[class*="red colored"]:hover,
1730
+ .ui.inverted.table tr td.selectable[class*="red colored"]:hover,
1731
+ .ui.inverted.selectable.table tr:hover td[class*="red colored"],
1732
+ .ui.ui.inverted.selectable.table tr.red:not(.marked):hover,
1733
+ .ui.inverted.table tr td.selectable.red:not(.marked):hover,
1734
+ .ui.inverted.selectable.table tr:hover td.red:not(.marked) {
1735
+ background: #ff392b;
1736
+ color: #FFFFFF;
1737
+ }
1738
+ .ui.table td[class*="red marked"].left,
1739
+ .ui.table tr[class*="red marked"].left {
1270
1740
  -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
1271
1741
  box-shadow: 0.2em 0 0 0 #DB2828 inset;
1272
1742
  }
1273
- .ui.table td.marked.red.right,
1274
- .ui.table tr.marked.red.right {
1743
+ .ui.table td[class*="red marked"].right,
1744
+ .ui.table tr[class*="red marked"].right {
1275
1745
  -webkit-box-shadow: -0.2em 0 0 0 #DB2828 inset;
1276
1746
  box-shadow: -0.2em 0 0 0 #DB2828 inset;
1277
1747
  }
1278
- .ui.inverted.table td.marked.red.left,
1279
- .ui.inverted.table tr.marked.red.left {
1748
+ .ui.inverted.table td[class*="red marked"].left,
1749
+ .ui.inverted.table tr[class*="red marked"].left {
1280
1750
  -webkit-box-shadow: 0.2em 0 0 0 #FF695E inset;
1281
1751
  box-shadow: 0.2em 0 0 0 #FF695E inset;
1282
1752
  }
1283
- .ui.inverted.table td.marked.red.right,
1284
- .ui.inverted.table tr.marked.red.right {
1753
+ .ui.inverted.table td[class*="red marked"].right,
1754
+ .ui.inverted.table tr[class*="red marked"].right {
1285
1755
  -webkit-box-shadow: -0.2em 0 0 0 #FF695E inset;
1286
1756
  box-shadow: -0.2em 0 0 0 #FF695E inset;
1287
1757
  }
@@ -1289,37 +1759,106 @@
1289
1759
  border-top: 0.2em solid #F2711C;
1290
1760
  }
1291
1761
  .ui.inverted.orange.table {
1292
- background-color: #F2711C;
1762
+ background: #F2711C;
1763
+ color: #FFFFFF;
1764
+ }
1765
+
1766
+ /* Same color for background and color to camouflage the scrollbar */
1767
+ .ui.scrolling.table > thead.orange,
1768
+ .ui.scrolling.table > tfoot.orange {
1769
+ background: #ffe7d1;
1770
+ color: #ffe7d1;
1771
+ }
1772
+ .ui.scrolling.table > thead.orange > tr > th,
1773
+ .ui.scrolling.table > tfoot.orange > tr > th,
1774
+ .ui.scrolling.table > thead.orange > tr > td,
1775
+ .ui.scrolling.table > tfoot.orange > tr > td {
1776
+ background: inherit;
1777
+ color: #F2711C;
1778
+ }
1779
+ .ui.inverted.scrolling.table > thead.orange,
1780
+ .ui.inverted.scrolling.table > tfoot.orange {
1781
+ background: #F2711C;
1782
+ color: #F2711C;
1783
+ }
1784
+ .ui.inverted.scrolling.table > thead.orange > tr > th,
1785
+ .ui.inverted.scrolling.table > tfoot.orange > tr > th,
1786
+ .ui.inverted.scrolling.table > thead.orange > tr > td,
1787
+ .ui.inverted.scrolling.table > tfoot.orange > tr > td {
1788
+ background: inherit;
1293
1789
  color: #FFFFFF;
1294
1790
  }
1791
+ .ui.ui.ui.ui.table tr[class*="orange colored"],
1792
+ .ui.ui.table th[class*="orange colored"],
1793
+ .ui.ui.table td[class*="orange colored"],
1295
1794
  .ui.ui.ui.ui.table tr.orange:not(.marked),
1795
+ .ui.ui.table th.orange:not(.marked),
1296
1796
  .ui.ui.table td.orange:not(.marked) {
1297
1797
  background: #ffe7d1;
1298
1798
  color: #F2711C;
1299
1799
  }
1800
+ .ui.table > thead > tr[class*="orange colored"] > th,
1801
+ .ui.table > tfoot > tr[class*="orange colored"] > th,
1802
+ .ui.table > tfoot > tr[class*="orange colored"] > td,
1803
+ .ui.table > thead > tr.orange:not(.marked) > th,
1804
+ .ui.table > tfoot > tr.orange:not(.marked) > th,
1805
+ .ui.table > tfoot > tr.orange:not(.marked) > td {
1806
+ background: inherit;
1807
+ color: #F2711C;
1808
+ }
1809
+ .ui.ui.ui.ui.inverted.table tr[class*="orange colored"],
1810
+ .ui.ui.inverted.table th[class*="orange colored"],
1811
+ .ui.ui.inverted.table td[class*="orange colored"],
1812
+ .ui.ui.ui.ui.inverted.table tr.orange:not(.marked),
1813
+ .ui.ui.inverted.table th.orange:not(.marked),
1814
+ .ui.ui.inverted.table td.orange:not(.marked) {
1815
+ background: #F2711C;
1816
+ color: #FFFFFF;
1817
+ }
1818
+ .ui.inverted.table > thead > tr[class*="orange colored"] > th,
1819
+ .ui.inverted.table > tfoot > tr[class*="orange colored"] > th,
1820
+ .ui.inverted.table > tfoot > tr[class*="orange colored"] > td,
1821
+ .ui.inverted.table > thead > tr.orange:not(.marked) > th,
1822
+ .ui.inverted.table > tfoot > tr.orange:not(.marked) > th,
1823
+ .ui.inverted.table > tfoot > tr.orange:not(.marked) > td {
1824
+ background: inherit;
1825
+ color: #FFFFFF;
1826
+ }
1827
+ .ui.ui.selectable.table tr[class*="orange colored"]:hover,
1828
+ .ui.table tr td.selectable[class*="orange colored"]:hover,
1829
+ .ui.selectable.table tr:hover td[class*="orange colored"],
1300
1830
  .ui.ui.selectable.table tr.orange:not(.marked):hover,
1301
1831
  .ui.table tr td.selectable.orange:not(.marked):hover,
1302
1832
  .ui.selectable.table tr:hover td.orange:not(.marked) {
1303
1833
  background: #fae1cc;
1304
1834
  color: #F2711C;
1305
1835
  }
1306
- .ui.table td.marked.orange.left,
1307
- .ui.table tr.marked.orange.left {
1836
+ .ui.ui.inverted.selectable.table tr[class*="orange colored"]:hover,
1837
+ .ui.inverted.table tr td.selectable[class*="orange colored"]:hover,
1838
+ .ui.inverted.selectable.table tr:hover td[class*="orange colored"],
1839
+ .ui.ui.inverted.selectable.table tr.orange:not(.marked):hover,
1840
+ .ui.inverted.table tr td.selectable.orange:not(.marked):hover,
1841
+ .ui.inverted.selectable.table tr:hover td.orange:not(.marked) {
1842
+ background: #e76b00;
1843
+ color: #FFFFFF;
1844
+ }
1845
+ .ui.table td[class*="orange marked"].left,
1846
+ .ui.table tr[class*="orange marked"].left {
1308
1847
  -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
1309
1848
  box-shadow: 0.2em 0 0 0 #F2711C inset;
1310
1849
  }
1311
- .ui.table td.marked.orange.right,
1312
- .ui.table tr.marked.orange.right {
1850
+ .ui.table td[class*="orange marked"].right,
1851
+ .ui.table tr[class*="orange marked"].right {
1313
1852
  -webkit-box-shadow: -0.2em 0 0 0 #F2711C inset;
1314
1853
  box-shadow: -0.2em 0 0 0 #F2711C inset;
1315
1854
  }
1316
- .ui.inverted.table td.marked.orange.left,
1317
- .ui.inverted.table tr.marked.orange.left {
1855
+ .ui.inverted.table td[class*="orange marked"].left,
1856
+ .ui.inverted.table tr[class*="orange marked"].left {
1318
1857
  -webkit-box-shadow: 0.2em 0 0 0 #FF851B inset;
1319
1858
  box-shadow: 0.2em 0 0 0 #FF851B inset;
1320
1859
  }
1321
- .ui.inverted.table td.marked.orange.right,
1322
- .ui.inverted.table tr.marked.orange.right {
1860
+ .ui.inverted.table td[class*="orange marked"].right,
1861
+ .ui.inverted.table tr[class*="orange marked"].right {
1323
1862
  -webkit-box-shadow: -0.2em 0 0 0 #FF851B inset;
1324
1863
  box-shadow: -0.2em 0 0 0 #FF851B inset;
1325
1864
  }
@@ -1327,37 +1866,106 @@
1327
1866
  border-top: 0.2em solid #FBBD08;
1328
1867
  }
1329
1868
  .ui.inverted.yellow.table {
1330
- background-color: #FBBD08;
1869
+ background: #FBBD08;
1870
+ color: #FFFFFF;
1871
+ }
1872
+
1873
+ /* Same color for background and color to camouflage the scrollbar */
1874
+ .ui.scrolling.table > thead.yellow,
1875
+ .ui.scrolling.table > tfoot.yellow {
1876
+ background: #fff9d2;
1877
+ color: #fff9d2;
1878
+ }
1879
+ .ui.scrolling.table > thead.yellow > tr > th,
1880
+ .ui.scrolling.table > tfoot.yellow > tr > th,
1881
+ .ui.scrolling.table > thead.yellow > tr > td,
1882
+ .ui.scrolling.table > tfoot.yellow > tr > td {
1883
+ background: inherit;
1884
+ color: #B58105;
1885
+ }
1886
+ .ui.inverted.scrolling.table > thead.yellow,
1887
+ .ui.inverted.scrolling.table > tfoot.yellow {
1888
+ background: #FBBD08;
1889
+ color: #FBBD08;
1890
+ }
1891
+ .ui.inverted.scrolling.table > thead.yellow > tr > th,
1892
+ .ui.inverted.scrolling.table > tfoot.yellow > tr > th,
1893
+ .ui.inverted.scrolling.table > thead.yellow > tr > td,
1894
+ .ui.inverted.scrolling.table > tfoot.yellow > tr > td {
1895
+ background: inherit;
1331
1896
  color: #FFFFFF;
1332
1897
  }
1898
+ .ui.ui.ui.ui.table tr[class*="yellow colored"],
1899
+ .ui.ui.table th[class*="yellow colored"],
1900
+ .ui.ui.table td[class*="yellow colored"],
1333
1901
  .ui.ui.ui.ui.table tr.yellow:not(.marked),
1902
+ .ui.ui.table th.yellow:not(.marked),
1334
1903
  .ui.ui.table td.yellow:not(.marked) {
1335
1904
  background: #fff9d2;
1336
1905
  color: #B58105;
1337
1906
  }
1907
+ .ui.table > thead > tr[class*="yellow colored"] > th,
1908
+ .ui.table > tfoot > tr[class*="yellow colored"] > th,
1909
+ .ui.table > tfoot > tr[class*="yellow colored"] > td,
1910
+ .ui.table > thead > tr.yellow:not(.marked) > th,
1911
+ .ui.table > tfoot > tr.yellow:not(.marked) > th,
1912
+ .ui.table > tfoot > tr.yellow:not(.marked) > td {
1913
+ background: inherit;
1914
+ color: #B58105;
1915
+ }
1916
+ .ui.ui.ui.ui.inverted.table tr[class*="yellow colored"],
1917
+ .ui.ui.inverted.table th[class*="yellow colored"],
1918
+ .ui.ui.inverted.table td[class*="yellow colored"],
1919
+ .ui.ui.ui.ui.inverted.table tr.yellow:not(.marked),
1920
+ .ui.ui.inverted.table th.yellow:not(.marked),
1921
+ .ui.ui.inverted.table td.yellow:not(.marked) {
1922
+ background: #FBBD08;
1923
+ color: #FFFFFF;
1924
+ }
1925
+ .ui.inverted.table > thead > tr[class*="yellow colored"] > th,
1926
+ .ui.inverted.table > tfoot > tr[class*="yellow colored"] > th,
1927
+ .ui.inverted.table > tfoot > tr[class*="yellow colored"] > td,
1928
+ .ui.inverted.table > thead > tr.yellow:not(.marked) > th,
1929
+ .ui.inverted.table > tfoot > tr.yellow:not(.marked) > th,
1930
+ .ui.inverted.table > tfoot > tr.yellow:not(.marked) > td {
1931
+ background: inherit;
1932
+ color: #FFFFFF;
1933
+ }
1934
+ .ui.ui.selectable.table tr[class*="yellow colored"]:hover,
1935
+ .ui.table tr td.selectable[class*="yellow colored"]:hover,
1936
+ .ui.selectable.table tr:hover td[class*="yellow colored"],
1338
1937
  .ui.ui.selectable.table tr.yellow:not(.marked):hover,
1339
1938
  .ui.table tr td.selectable.yellow:not(.marked):hover,
1340
1939
  .ui.selectable.table tr:hover td.yellow:not(.marked) {
1341
1940
  background: #fbf5cc;
1342
1941
  color: #B58105;
1343
1942
  }
1344
- .ui.table td.marked.yellow.left,
1345
- .ui.table tr.marked.yellow.left {
1943
+ .ui.ui.inverted.selectable.table tr[class*="yellow colored"]:hover,
1944
+ .ui.inverted.table tr td.selectable[class*="yellow colored"]:hover,
1945
+ .ui.inverted.selectable.table tr:hover td[class*="yellow colored"],
1946
+ .ui.ui.inverted.selectable.table tr.yellow:not(.marked):hover,
1947
+ .ui.inverted.table tr td.selectable.yellow:not(.marked):hover,
1948
+ .ui.inverted.selectable.table tr:hover td.yellow:not(.marked) {
1949
+ background: #ebcd00;
1950
+ color: #FFFFFF;
1951
+ }
1952
+ .ui.table td[class*="yellow marked"].left,
1953
+ .ui.table tr[class*="yellow marked"].left {
1346
1954
  -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1347
1955
  box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1348
1956
  }
1349
- .ui.table td.marked.yellow.right,
1350
- .ui.table tr.marked.yellow.right {
1957
+ .ui.table td[class*="yellow marked"].right,
1958
+ .ui.table tr[class*="yellow marked"].right {
1351
1959
  -webkit-box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1352
1960
  box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1353
1961
  }
1354
- .ui.inverted.table td.marked.yellow.left,
1355
- .ui.inverted.table tr.marked.yellow.left {
1962
+ .ui.inverted.table td[class*="yellow marked"].left,
1963
+ .ui.inverted.table tr[class*="yellow marked"].left {
1356
1964
  -webkit-box-shadow: 0.2em 0 0 0 #FFE21F inset;
1357
1965
  box-shadow: 0.2em 0 0 0 #FFE21F inset;
1358
1966
  }
1359
- .ui.inverted.table td.marked.yellow.right,
1360
- .ui.inverted.table tr.marked.yellow.right {
1967
+ .ui.inverted.table td[class*="yellow marked"].right,
1968
+ .ui.inverted.table tr[class*="yellow marked"].right {
1361
1969
  -webkit-box-shadow: -0.2em 0 0 0 #FFE21F inset;
1362
1970
  box-shadow: -0.2em 0 0 0 #FFE21F inset;
1363
1971
  }
@@ -1365,37 +1973,106 @@
1365
1973
  border-top: 0.2em solid #B5CC18;
1366
1974
  }
1367
1975
  .ui.inverted.olive.table {
1368
- background-color: #B5CC18;
1976
+ background: #B5CC18;
1369
1977
  color: #FFFFFF;
1370
1978
  }
1979
+
1980
+ /* Same color for background and color to camouflage the scrollbar */
1981
+ .ui.scrolling.table > thead.olive,
1982
+ .ui.scrolling.table > tfoot.olive {
1983
+ background: #f7fae4;
1984
+ color: #f7fae4;
1985
+ }
1986
+ .ui.scrolling.table > thead.olive > tr > th,
1987
+ .ui.scrolling.table > tfoot.olive > tr > th,
1988
+ .ui.scrolling.table > thead.olive > tr > td,
1989
+ .ui.scrolling.table > tfoot.olive > tr > td {
1990
+ background: inherit;
1991
+ color: #8ABC1E;
1992
+ }
1993
+ .ui.inverted.scrolling.table > thead.olive,
1994
+ .ui.inverted.scrolling.table > tfoot.olive {
1995
+ background: #B5CC18;
1996
+ color: #B5CC18;
1997
+ }
1998
+ .ui.inverted.scrolling.table > thead.olive > tr > th,
1999
+ .ui.inverted.scrolling.table > tfoot.olive > tr > th,
2000
+ .ui.inverted.scrolling.table > thead.olive > tr > td,
2001
+ .ui.inverted.scrolling.table > tfoot.olive > tr > td {
2002
+ background: inherit;
2003
+ color: #FFFFFF;
2004
+ }
2005
+ .ui.ui.ui.ui.table tr[class*="olive colored"],
2006
+ .ui.ui.table th[class*="olive colored"],
2007
+ .ui.ui.table td[class*="olive colored"],
1371
2008
  .ui.ui.ui.ui.table tr.olive:not(.marked),
2009
+ .ui.ui.table th.olive:not(.marked),
1372
2010
  .ui.ui.table td.olive:not(.marked) {
1373
2011
  background: #f7fae4;
1374
2012
  color: #8ABC1E;
1375
2013
  }
2014
+ .ui.table > thead > tr[class*="olive colored"] > th,
2015
+ .ui.table > tfoot > tr[class*="olive colored"] > th,
2016
+ .ui.table > tfoot > tr[class*="olive colored"] > td,
2017
+ .ui.table > thead > tr.olive:not(.marked) > th,
2018
+ .ui.table > tfoot > tr.olive:not(.marked) > th,
2019
+ .ui.table > tfoot > tr.olive:not(.marked) > td {
2020
+ background: inherit;
2021
+ color: #8ABC1E;
2022
+ }
2023
+ .ui.ui.ui.ui.inverted.table tr[class*="olive colored"],
2024
+ .ui.ui.inverted.table th[class*="olive colored"],
2025
+ .ui.ui.inverted.table td[class*="olive colored"],
2026
+ .ui.ui.ui.ui.inverted.table tr.olive:not(.marked),
2027
+ .ui.ui.inverted.table th.olive:not(.marked),
2028
+ .ui.ui.inverted.table td.olive:not(.marked) {
2029
+ background: #B5CC18;
2030
+ color: #FFFFFF;
2031
+ }
2032
+ .ui.inverted.table > thead > tr[class*="olive colored"] > th,
2033
+ .ui.inverted.table > tfoot > tr[class*="olive colored"] > th,
2034
+ .ui.inverted.table > tfoot > tr[class*="olive colored"] > td,
2035
+ .ui.inverted.table > thead > tr.olive:not(.marked) > th,
2036
+ .ui.inverted.table > tfoot > tr.olive:not(.marked) > th,
2037
+ .ui.inverted.table > tfoot > tr.olive:not(.marked) > td {
2038
+ background: inherit;
2039
+ color: #FFFFFF;
2040
+ }
2041
+ .ui.ui.selectable.table tr[class*="olive colored"]:hover,
2042
+ .ui.table tr td.selectable[class*="olive colored"]:hover,
2043
+ .ui.selectable.table tr:hover td[class*="olive colored"],
1376
2044
  .ui.ui.selectable.table tr.olive:not(.marked):hover,
1377
2045
  .ui.table tr td.selectable.olive:not(.marked):hover,
1378
2046
  .ui.selectable.table tr:hover td.olive:not(.marked) {
1379
2047
  background: #f6fada;
1380
2048
  color: #8ABC1E;
1381
2049
  }
1382
- .ui.table td.marked.olive.left,
1383
- .ui.table tr.marked.olive.left {
2050
+ .ui.ui.inverted.selectable.table tr[class*="olive colored"]:hover,
2051
+ .ui.inverted.table tr td.selectable[class*="olive colored"]:hover,
2052
+ .ui.inverted.selectable.table tr:hover td[class*="olive colored"],
2053
+ .ui.ui.inverted.selectable.table tr.olive:not(.marked):hover,
2054
+ .ui.inverted.table tr td.selectable.olive:not(.marked):hover,
2055
+ .ui.inverted.selectable.table tr:hover td.olive:not(.marked) {
2056
+ background: #d2e745;
2057
+ color: #FFFFFF;
2058
+ }
2059
+ .ui.table td[class*="olive marked"].left,
2060
+ .ui.table tr[class*="olive marked"].left {
1384
2061
  -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1385
2062
  box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1386
2063
  }
1387
- .ui.table td.marked.olive.right,
1388
- .ui.table tr.marked.olive.right {
2064
+ .ui.table td[class*="olive marked"].right,
2065
+ .ui.table tr[class*="olive marked"].right {
1389
2066
  -webkit-box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1390
2067
  box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1391
2068
  }
1392
- .ui.inverted.table td.marked.olive.left,
1393
- .ui.inverted.table tr.marked.olive.left {
2069
+ .ui.inverted.table td[class*="olive marked"].left,
2070
+ .ui.inverted.table tr[class*="olive marked"].left {
1394
2071
  -webkit-box-shadow: 0.2em 0 0 0 #D9E778 inset;
1395
2072
  box-shadow: 0.2em 0 0 0 #D9E778 inset;
1396
2073
  }
1397
- .ui.inverted.table td.marked.olive.right,
1398
- .ui.inverted.table tr.marked.olive.right {
2074
+ .ui.inverted.table td[class*="olive marked"].right,
2075
+ .ui.inverted.table tr[class*="olive marked"].right {
1399
2076
  -webkit-box-shadow: -0.2em 0 0 0 #D9E778 inset;
1400
2077
  box-shadow: -0.2em 0 0 0 #D9E778 inset;
1401
2078
  }
@@ -1403,37 +2080,106 @@
1403
2080
  border-top: 0.2em solid #21BA45;
1404
2081
  }
1405
2082
  .ui.inverted.green.table {
1406
- background-color: #21BA45;
2083
+ background: #21BA45;
1407
2084
  color: #FFFFFF;
1408
2085
  }
2086
+
2087
+ /* Same color for background and color to camouflage the scrollbar */
2088
+ .ui.scrolling.table > thead.green,
2089
+ .ui.scrolling.table > tfoot.green {
2090
+ background: #d5f5d9;
2091
+ color: #d5f5d9;
2092
+ }
2093
+ .ui.scrolling.table > thead.green > tr > th,
2094
+ .ui.scrolling.table > tfoot.green > tr > th,
2095
+ .ui.scrolling.table > thead.green > tr > td,
2096
+ .ui.scrolling.table > tfoot.green > tr > td {
2097
+ background: inherit;
2098
+ color: #1EBC30;
2099
+ }
2100
+ .ui.inverted.scrolling.table > thead.green,
2101
+ .ui.inverted.scrolling.table > tfoot.green {
2102
+ background: #21BA45;
2103
+ color: #21BA45;
2104
+ }
2105
+ .ui.inverted.scrolling.table > thead.green > tr > th,
2106
+ .ui.inverted.scrolling.table > tfoot.green > tr > th,
2107
+ .ui.inverted.scrolling.table > thead.green > tr > td,
2108
+ .ui.inverted.scrolling.table > tfoot.green > tr > td {
2109
+ background: inherit;
2110
+ color: #FFFFFF;
2111
+ }
2112
+ .ui.ui.ui.ui.table tr[class*="green colored"],
2113
+ .ui.ui.table th[class*="green colored"],
2114
+ .ui.ui.table td[class*="green colored"],
1409
2115
  .ui.ui.ui.ui.table tr.green:not(.marked),
2116
+ .ui.ui.table th.green:not(.marked),
1410
2117
  .ui.ui.table td.green:not(.marked) {
1411
2118
  background: #d5f5d9;
1412
2119
  color: #1EBC30;
1413
2120
  }
2121
+ .ui.table > thead > tr[class*="green colored"] > th,
2122
+ .ui.table > tfoot > tr[class*="green colored"] > th,
2123
+ .ui.table > tfoot > tr[class*="green colored"] > td,
2124
+ .ui.table > thead > tr.green:not(.marked) > th,
2125
+ .ui.table > tfoot > tr.green:not(.marked) > th,
2126
+ .ui.table > tfoot > tr.green:not(.marked) > td {
2127
+ background: inherit;
2128
+ color: #1EBC30;
2129
+ }
2130
+ .ui.ui.ui.ui.inverted.table tr[class*="green colored"],
2131
+ .ui.ui.inverted.table th[class*="green colored"],
2132
+ .ui.ui.inverted.table td[class*="green colored"],
2133
+ .ui.ui.ui.ui.inverted.table tr.green:not(.marked),
2134
+ .ui.ui.inverted.table th.green:not(.marked),
2135
+ .ui.ui.inverted.table td.green:not(.marked) {
2136
+ background: #21BA45;
2137
+ color: #FFFFFF;
2138
+ }
2139
+ .ui.inverted.table > thead > tr[class*="green colored"] > th,
2140
+ .ui.inverted.table > tfoot > tr[class*="green colored"] > th,
2141
+ .ui.inverted.table > tfoot > tr[class*="green colored"] > td,
2142
+ .ui.inverted.table > thead > tr.green:not(.marked) > th,
2143
+ .ui.inverted.table > tfoot > tr.green:not(.marked) > th,
2144
+ .ui.inverted.table > tfoot > tr.green:not(.marked) > td {
2145
+ background: inherit;
2146
+ color: #FFFFFF;
2147
+ }
2148
+ .ui.ui.selectable.table tr[class*="green colored"]:hover,
2149
+ .ui.table tr td.selectable[class*="green colored"]:hover,
2150
+ .ui.selectable.table tr:hover td[class*="green colored"],
1414
2151
  .ui.ui.selectable.table tr.green:not(.marked):hover,
1415
2152
  .ui.table tr td.selectable.green:not(.marked):hover,
1416
2153
  .ui.selectable.table tr:hover td.green:not(.marked) {
1417
2154
  background: #d2eed5;
1418
2155
  color: #1EBC30;
1419
2156
  }
1420
- .ui.table td.marked.green.left,
1421
- .ui.table tr.marked.green.left {
2157
+ .ui.ui.inverted.selectable.table tr[class*="green colored"]:hover,
2158
+ .ui.inverted.table tr td.selectable[class*="green colored"]:hover,
2159
+ .ui.inverted.selectable.table tr:hover td[class*="green colored"],
2160
+ .ui.ui.inverted.selectable.table tr.green:not(.marked):hover,
2161
+ .ui.inverted.table tr td.selectable.green:not(.marked):hover,
2162
+ .ui.inverted.selectable.table tr:hover td.green:not(.marked) {
2163
+ background: #1ea92e;
2164
+ color: #FFFFFF;
2165
+ }
2166
+ .ui.table td[class*="green marked"].left,
2167
+ .ui.table tr[class*="green marked"].left {
1422
2168
  -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
1423
2169
  box-shadow: 0.2em 0 0 0 #21BA45 inset;
1424
2170
  }
1425
- .ui.table td.marked.green.right,
1426
- .ui.table tr.marked.green.right {
2171
+ .ui.table td[class*="green marked"].right,
2172
+ .ui.table tr[class*="green marked"].right {
1427
2173
  -webkit-box-shadow: -0.2em 0 0 0 #21BA45 inset;
1428
2174
  box-shadow: -0.2em 0 0 0 #21BA45 inset;
1429
2175
  }
1430
- .ui.inverted.table td.marked.green.left,
1431
- .ui.inverted.table tr.marked.green.left {
2176
+ .ui.inverted.table td[class*="green marked"].left,
2177
+ .ui.inverted.table tr[class*="green marked"].left {
1432
2178
  -webkit-box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1433
2179
  box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1434
2180
  }
1435
- .ui.inverted.table td.marked.green.right,
1436
- .ui.inverted.table tr.marked.green.right {
2181
+ .ui.inverted.table td[class*="green marked"].right,
2182
+ .ui.inverted.table tr[class*="green marked"].right {
1437
2183
  -webkit-box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1438
2184
  box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1439
2185
  }
@@ -1441,37 +2187,106 @@
1441
2187
  border-top: 0.2em solid #00B5AD;
1442
2188
  }
1443
2189
  .ui.inverted.teal.table {
1444
- background-color: #00B5AD;
2190
+ background: #00B5AD;
2191
+ color: #FFFFFF;
2192
+ }
2193
+
2194
+ /* Same color for background and color to camouflage the scrollbar */
2195
+ .ui.scrolling.table > thead.teal,
2196
+ .ui.scrolling.table > tfoot.teal {
2197
+ background: #e2ffff;
2198
+ color: #e2ffff;
2199
+ }
2200
+ .ui.scrolling.table > thead.teal > tr > th,
2201
+ .ui.scrolling.table > tfoot.teal > tr > th,
2202
+ .ui.scrolling.table > thead.teal > tr > td,
2203
+ .ui.scrolling.table > tfoot.teal > tr > td {
2204
+ background: inherit;
2205
+ color: #10A3A3;
2206
+ }
2207
+ .ui.inverted.scrolling.table > thead.teal,
2208
+ .ui.inverted.scrolling.table > tfoot.teal {
2209
+ background: #00B5AD;
2210
+ color: #00B5AD;
2211
+ }
2212
+ .ui.inverted.scrolling.table > thead.teal > tr > th,
2213
+ .ui.inverted.scrolling.table > tfoot.teal > tr > th,
2214
+ .ui.inverted.scrolling.table > thead.teal > tr > td,
2215
+ .ui.inverted.scrolling.table > tfoot.teal > tr > td {
2216
+ background: inherit;
1445
2217
  color: #FFFFFF;
1446
2218
  }
2219
+ .ui.ui.ui.ui.table tr[class*="teal colored"],
2220
+ .ui.ui.table th[class*="teal colored"],
2221
+ .ui.ui.table td[class*="teal colored"],
1447
2222
  .ui.ui.ui.ui.table tr.teal:not(.marked),
2223
+ .ui.ui.table th.teal:not(.marked),
1448
2224
  .ui.ui.table td.teal:not(.marked) {
1449
2225
  background: #e2ffff;
1450
2226
  color: #10A3A3;
1451
2227
  }
2228
+ .ui.table > thead > tr[class*="teal colored"] > th,
2229
+ .ui.table > tfoot > tr[class*="teal colored"] > th,
2230
+ .ui.table > tfoot > tr[class*="teal colored"] > td,
2231
+ .ui.table > thead > tr.teal:not(.marked) > th,
2232
+ .ui.table > tfoot > tr.teal:not(.marked) > th,
2233
+ .ui.table > tfoot > tr.teal:not(.marked) > td {
2234
+ background: inherit;
2235
+ color: #10A3A3;
2236
+ }
2237
+ .ui.ui.ui.ui.inverted.table tr[class*="teal colored"],
2238
+ .ui.ui.inverted.table th[class*="teal colored"],
2239
+ .ui.ui.inverted.table td[class*="teal colored"],
2240
+ .ui.ui.ui.ui.inverted.table tr.teal:not(.marked),
2241
+ .ui.ui.inverted.table th.teal:not(.marked),
2242
+ .ui.ui.inverted.table td.teal:not(.marked) {
2243
+ background: #00B5AD;
2244
+ color: #FFFFFF;
2245
+ }
2246
+ .ui.inverted.table > thead > tr[class*="teal colored"] > th,
2247
+ .ui.inverted.table > tfoot > tr[class*="teal colored"] > th,
2248
+ .ui.inverted.table > tfoot > tr[class*="teal colored"] > td,
2249
+ .ui.inverted.table > thead > tr.teal:not(.marked) > th,
2250
+ .ui.inverted.table > tfoot > tr.teal:not(.marked) > th,
2251
+ .ui.inverted.table > tfoot > tr.teal:not(.marked) > td {
2252
+ background: inherit;
2253
+ color: #FFFFFF;
2254
+ }
2255
+ .ui.ui.selectable.table tr[class*="teal colored"]:hover,
2256
+ .ui.table tr td.selectable[class*="teal colored"]:hover,
2257
+ .ui.selectable.table tr:hover td[class*="teal colored"],
1452
2258
  .ui.ui.selectable.table tr.teal:not(.marked):hover,
1453
2259
  .ui.table tr td.selectable.teal:not(.marked):hover,
1454
2260
  .ui.selectable.table tr:hover td.teal:not(.marked) {
1455
2261
  background: #d8ffff;
1456
2262
  color: #10A3A3;
1457
2263
  }
1458
- .ui.table td.marked.teal.left,
1459
- .ui.table tr.marked.teal.left {
2264
+ .ui.ui.inverted.selectable.table tr[class*="teal colored"]:hover,
2265
+ .ui.inverted.table tr td.selectable[class*="teal colored"]:hover,
2266
+ .ui.inverted.selectable.table tr:hover td[class*="teal colored"],
2267
+ .ui.ui.inverted.selectable.table tr.teal:not(.marked):hover,
2268
+ .ui.inverted.table tr td.selectable.teal:not(.marked):hover,
2269
+ .ui.inverted.selectable.table tr:hover td.teal:not(.marked) {
2270
+ background: #3affff;
2271
+ color: #FFFFFF;
2272
+ }
2273
+ .ui.table td[class*="teal marked"].left,
2274
+ .ui.table tr[class*="teal marked"].left {
1460
2275
  -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
1461
2276
  box-shadow: 0.2em 0 0 0 #00B5AD inset;
1462
2277
  }
1463
- .ui.table td.marked.teal.right,
1464
- .ui.table tr.marked.teal.right {
2278
+ .ui.table td[class*="teal marked"].right,
2279
+ .ui.table tr[class*="teal marked"].right {
1465
2280
  -webkit-box-shadow: -0.2em 0 0 0 #00B5AD inset;
1466
2281
  box-shadow: -0.2em 0 0 0 #00B5AD inset;
1467
2282
  }
1468
- .ui.inverted.table td.marked.teal.left,
1469
- .ui.inverted.table tr.marked.teal.left {
2283
+ .ui.inverted.table td[class*="teal marked"].left,
2284
+ .ui.inverted.table tr[class*="teal marked"].left {
1470
2285
  -webkit-box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1471
2286
  box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1472
2287
  }
1473
- .ui.inverted.table td.marked.teal.right,
1474
- .ui.inverted.table tr.marked.teal.right {
2288
+ .ui.inverted.table td[class*="teal marked"].right,
2289
+ .ui.inverted.table tr[class*="teal marked"].right {
1475
2290
  -webkit-box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1476
2291
  box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1477
2292
  }
@@ -1479,37 +2294,106 @@
1479
2294
  border-top: 0.2em solid #2185D0;
1480
2295
  }
1481
2296
  .ui.inverted.blue.table {
1482
- background-color: #2185D0;
2297
+ background: #2185D0;
1483
2298
  color: #FFFFFF;
1484
2299
  }
2300
+
2301
+ /* Same color for background and color to camouflage the scrollbar */
2302
+ .ui.scrolling.table > thead.blue,
2303
+ .ui.scrolling.table > tfoot.blue {
2304
+ background: #ddf4ff;
2305
+ color: #ddf4ff;
2306
+ }
2307
+ .ui.scrolling.table > thead.blue > tr > th,
2308
+ .ui.scrolling.table > tfoot.blue > tr > th,
2309
+ .ui.scrolling.table > thead.blue > tr > td,
2310
+ .ui.scrolling.table > tfoot.blue > tr > td {
2311
+ background: inherit;
2312
+ color: #2185D0;
2313
+ }
2314
+ .ui.inverted.scrolling.table > thead.blue,
2315
+ .ui.inverted.scrolling.table > tfoot.blue {
2316
+ background: #2185D0;
2317
+ color: #2185D0;
2318
+ }
2319
+ .ui.inverted.scrolling.table > thead.blue > tr > th,
2320
+ .ui.inverted.scrolling.table > tfoot.blue > tr > th,
2321
+ .ui.inverted.scrolling.table > thead.blue > tr > td,
2322
+ .ui.inverted.scrolling.table > tfoot.blue > tr > td {
2323
+ background: inherit;
2324
+ color: #FFFFFF;
2325
+ }
2326
+ .ui.ui.ui.ui.table tr[class*="blue colored"],
2327
+ .ui.ui.table th[class*="blue colored"],
2328
+ .ui.ui.table td[class*="blue colored"],
1485
2329
  .ui.ui.ui.ui.table tr.blue:not(.marked),
2330
+ .ui.ui.table th.blue:not(.marked),
1486
2331
  .ui.ui.table td.blue:not(.marked) {
1487
2332
  background: #ddf4ff;
1488
2333
  color: #2185D0;
1489
2334
  }
2335
+ .ui.table > thead > tr[class*="blue colored"] > th,
2336
+ .ui.table > tfoot > tr[class*="blue colored"] > th,
2337
+ .ui.table > tfoot > tr[class*="blue colored"] > td,
2338
+ .ui.table > thead > tr.blue:not(.marked) > th,
2339
+ .ui.table > tfoot > tr.blue:not(.marked) > th,
2340
+ .ui.table > tfoot > tr.blue:not(.marked) > td {
2341
+ background: inherit;
2342
+ color: #2185D0;
2343
+ }
2344
+ .ui.ui.ui.ui.inverted.table tr[class*="blue colored"],
2345
+ .ui.ui.inverted.table th[class*="blue colored"],
2346
+ .ui.ui.inverted.table td[class*="blue colored"],
2347
+ .ui.ui.ui.ui.inverted.table tr.blue:not(.marked),
2348
+ .ui.ui.inverted.table th.blue:not(.marked),
2349
+ .ui.ui.inverted.table td.blue:not(.marked) {
2350
+ background: #2185D0;
2351
+ color: #FFFFFF;
2352
+ }
2353
+ .ui.inverted.table > thead > tr[class*="blue colored"] > th,
2354
+ .ui.inverted.table > tfoot > tr[class*="blue colored"] > th,
2355
+ .ui.inverted.table > tfoot > tr[class*="blue colored"] > td,
2356
+ .ui.inverted.table > thead > tr.blue:not(.marked) > th,
2357
+ .ui.inverted.table > tfoot > tr.blue:not(.marked) > th,
2358
+ .ui.inverted.table > tfoot > tr.blue:not(.marked) > td {
2359
+ background: inherit;
2360
+ color: #FFFFFF;
2361
+ }
2362
+ .ui.ui.selectable.table tr[class*="blue colored"]:hover,
2363
+ .ui.table tr td.selectable[class*="blue colored"]:hover,
2364
+ .ui.selectable.table tr:hover td[class*="blue colored"],
1490
2365
  .ui.ui.selectable.table tr.blue:not(.marked):hover,
1491
2366
  .ui.table tr td.selectable.blue:not(.marked):hover,
1492
2367
  .ui.selectable.table tr:hover td.blue:not(.marked) {
1493
2368
  background: #d3f1ff;
1494
2369
  color: #2185D0;
1495
2370
  }
1496
- .ui.table td.marked.blue.left,
1497
- .ui.table tr.marked.blue.left {
2371
+ .ui.ui.inverted.selectable.table tr[class*="blue colored"]:hover,
2372
+ .ui.inverted.table tr td.selectable[class*="blue colored"]:hover,
2373
+ .ui.inverted.selectable.table tr:hover td[class*="blue colored"],
2374
+ .ui.ui.inverted.selectable.table tr.blue:not(.marked):hover,
2375
+ .ui.inverted.table tr td.selectable.blue:not(.marked):hover,
2376
+ .ui.inverted.selectable.table tr:hover td.blue:not(.marked) {
2377
+ background: #21b8ff;
2378
+ color: #FFFFFF;
2379
+ }
2380
+ .ui.table td[class*="blue marked"].left,
2381
+ .ui.table tr[class*="blue marked"].left {
1498
2382
  -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1499
2383
  box-shadow: 0.2em 0 0 0 #2185D0 inset;
1500
2384
  }
1501
- .ui.table td.marked.blue.right,
1502
- .ui.table tr.marked.blue.right {
2385
+ .ui.table td[class*="blue marked"].right,
2386
+ .ui.table tr[class*="blue marked"].right {
1503
2387
  -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1504
2388
  box-shadow: -0.2em 0 0 0 #2185D0 inset;
1505
2389
  }
1506
- .ui.inverted.table td.marked.blue.left,
1507
- .ui.inverted.table tr.marked.blue.left {
2390
+ .ui.inverted.table td[class*="blue marked"].left,
2391
+ .ui.inverted.table tr[class*="blue marked"].left {
1508
2392
  -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1509
2393
  box-shadow: 0.2em 0 0 0 #54C8FF inset;
1510
2394
  }
1511
- .ui.inverted.table td.marked.blue.right,
1512
- .ui.inverted.table tr.marked.blue.right {
2395
+ .ui.inverted.table td[class*="blue marked"].right,
2396
+ .ui.inverted.table tr[class*="blue marked"].right {
1513
2397
  -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1514
2398
  box-shadow: -0.2em 0 0 0 #54C8FF inset;
1515
2399
  }
@@ -1517,37 +2401,106 @@
1517
2401
  border-top: 0.2em solid #6435C9;
1518
2402
  }
1519
2403
  .ui.inverted.violet.table {
1520
- background-color: #6435C9;
2404
+ background: #6435C9;
2405
+ color: #FFFFFF;
2406
+ }
2407
+
2408
+ /* Same color for background and color to camouflage the scrollbar */
2409
+ .ui.scrolling.table > thead.violet,
2410
+ .ui.scrolling.table > tfoot.violet {
2411
+ background: #ece9fe;
2412
+ color: #ece9fe;
2413
+ }
2414
+ .ui.scrolling.table > thead.violet > tr > th,
2415
+ .ui.scrolling.table > tfoot.violet > tr > th,
2416
+ .ui.scrolling.table > thead.violet > tr > td,
2417
+ .ui.scrolling.table > tfoot.violet > tr > td {
2418
+ background: inherit;
2419
+ color: #6435C9;
2420
+ }
2421
+ .ui.inverted.scrolling.table > thead.violet,
2422
+ .ui.inverted.scrolling.table > tfoot.violet {
2423
+ background: #6435C9;
2424
+ color: #6435C9;
2425
+ }
2426
+ .ui.inverted.scrolling.table > thead.violet > tr > th,
2427
+ .ui.inverted.scrolling.table > tfoot.violet > tr > th,
2428
+ .ui.inverted.scrolling.table > thead.violet > tr > td,
2429
+ .ui.inverted.scrolling.table > tfoot.violet > tr > td {
2430
+ background: inherit;
1521
2431
  color: #FFFFFF;
1522
2432
  }
2433
+ .ui.ui.ui.ui.table tr[class*="violet colored"],
2434
+ .ui.ui.table th[class*="violet colored"],
2435
+ .ui.ui.table td[class*="violet colored"],
1523
2436
  .ui.ui.ui.ui.table tr.violet:not(.marked),
2437
+ .ui.ui.table th.violet:not(.marked),
1524
2438
  .ui.ui.table td.violet:not(.marked) {
1525
2439
  background: #ece9fe;
1526
2440
  color: #6435C9;
1527
2441
  }
2442
+ .ui.table > thead > tr[class*="violet colored"] > th,
2443
+ .ui.table > tfoot > tr[class*="violet colored"] > th,
2444
+ .ui.table > tfoot > tr[class*="violet colored"] > td,
2445
+ .ui.table > thead > tr.violet:not(.marked) > th,
2446
+ .ui.table > tfoot > tr.violet:not(.marked) > th,
2447
+ .ui.table > tfoot > tr.violet:not(.marked) > td {
2448
+ background: inherit;
2449
+ color: #6435C9;
2450
+ }
2451
+ .ui.ui.ui.ui.inverted.table tr[class*="violet colored"],
2452
+ .ui.ui.inverted.table th[class*="violet colored"],
2453
+ .ui.ui.inverted.table td[class*="violet colored"],
2454
+ .ui.ui.ui.ui.inverted.table tr.violet:not(.marked),
2455
+ .ui.ui.inverted.table th.violet:not(.marked),
2456
+ .ui.ui.inverted.table td.violet:not(.marked) {
2457
+ background: #6435C9;
2458
+ color: #FFFFFF;
2459
+ }
2460
+ .ui.inverted.table > thead > tr[class*="violet colored"] > th,
2461
+ .ui.inverted.table > tfoot > tr[class*="violet colored"] > th,
2462
+ .ui.inverted.table > tfoot > tr[class*="violet colored"] > td,
2463
+ .ui.inverted.table > thead > tr.violet:not(.marked) > th,
2464
+ .ui.inverted.table > tfoot > tr.violet:not(.marked) > th,
2465
+ .ui.inverted.table > tfoot > tr.violet:not(.marked) > td {
2466
+ background: inherit;
2467
+ color: #FFFFFF;
2468
+ }
2469
+ .ui.ui.selectable.table tr[class*="violet colored"]:hover,
2470
+ .ui.table tr td.selectable[class*="violet colored"]:hover,
2471
+ .ui.selectable.table tr:hover td[class*="violet colored"],
1528
2472
  .ui.ui.selectable.table tr.violet:not(.marked):hover,
1529
2473
  .ui.table tr td.selectable.violet:not(.marked):hover,
1530
2474
  .ui.selectable.table tr:hover td.violet:not(.marked) {
1531
2475
  background: #e3deff;
1532
2476
  color: #6435C9;
1533
2477
  }
1534
- .ui.table td.marked.violet.left,
1535
- .ui.table tr.marked.violet.left {
2478
+ .ui.ui.inverted.selectable.table tr[class*="violet colored"]:hover,
2479
+ .ui.inverted.table tr td.selectable[class*="violet colored"]:hover,
2480
+ .ui.inverted.selectable.table tr:hover td[class*="violet colored"],
2481
+ .ui.ui.inverted.selectable.table tr.violet:not(.marked):hover,
2482
+ .ui.inverted.table tr td.selectable.violet:not(.marked):hover,
2483
+ .ui.inverted.selectable.table tr:hover td.violet:not(.marked) {
2484
+ background: #745aff;
2485
+ color: #FFFFFF;
2486
+ }
2487
+ .ui.table td[class*="violet marked"].left,
2488
+ .ui.table tr[class*="violet marked"].left {
1536
2489
  -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
1537
2490
  box-shadow: 0.2em 0 0 0 #6435C9 inset;
1538
2491
  }
1539
- .ui.table td.marked.violet.right,
1540
- .ui.table tr.marked.violet.right {
2492
+ .ui.table td[class*="violet marked"].right,
2493
+ .ui.table tr[class*="violet marked"].right {
1541
2494
  -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
1542
2495
  box-shadow: -0.2em 0 0 0 #6435C9 inset;
1543
2496
  }
1544
- .ui.inverted.table td.marked.violet.left,
1545
- .ui.inverted.table tr.marked.violet.left {
2497
+ .ui.inverted.table td[class*="violet marked"].left,
2498
+ .ui.inverted.table tr[class*="violet marked"].left {
1546
2499
  -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
1547
2500
  box-shadow: 0.2em 0 0 0 #A291FB inset;
1548
2501
  }
1549
- .ui.inverted.table td.marked.violet.right,
1550
- .ui.inverted.table tr.marked.violet.right {
2502
+ .ui.inverted.table td[class*="violet marked"].right,
2503
+ .ui.inverted.table tr[class*="violet marked"].right {
1551
2504
  -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
1552
2505
  box-shadow: -0.2em 0 0 0 #A291FB inset;
1553
2506
  }
@@ -1555,37 +2508,106 @@
1555
2508
  border-top: 0.2em solid #A333C8;
1556
2509
  }
1557
2510
  .ui.inverted.purple.table {
1558
- background-color: #A333C8;
2511
+ background: #A333C8;
2512
+ color: #FFFFFF;
2513
+ }
2514
+
2515
+ /* Same color for background and color to camouflage the scrollbar */
2516
+ .ui.scrolling.table > thead.purple,
2517
+ .ui.scrolling.table > tfoot.purple {
2518
+ background: #f8e3ff;
2519
+ color: #f8e3ff;
2520
+ }
2521
+ .ui.scrolling.table > thead.purple > tr > th,
2522
+ .ui.scrolling.table > tfoot.purple > tr > th,
2523
+ .ui.scrolling.table > thead.purple > tr > td,
2524
+ .ui.scrolling.table > tfoot.purple > tr > td {
2525
+ background: inherit;
2526
+ color: #A333C8;
2527
+ }
2528
+ .ui.inverted.scrolling.table > thead.purple,
2529
+ .ui.inverted.scrolling.table > tfoot.purple {
2530
+ background: #A333C8;
2531
+ color: #A333C8;
2532
+ }
2533
+ .ui.inverted.scrolling.table > thead.purple > tr > th,
2534
+ .ui.inverted.scrolling.table > tfoot.purple > tr > th,
2535
+ .ui.inverted.scrolling.table > thead.purple > tr > td,
2536
+ .ui.inverted.scrolling.table > tfoot.purple > tr > td {
2537
+ background: inherit;
1559
2538
  color: #FFFFFF;
1560
2539
  }
2540
+ .ui.ui.ui.ui.table tr[class*="purple colored"],
2541
+ .ui.ui.table th[class*="purple colored"],
2542
+ .ui.ui.table td[class*="purple colored"],
1561
2543
  .ui.ui.ui.ui.table tr.purple:not(.marked),
2544
+ .ui.ui.table th.purple:not(.marked),
1562
2545
  .ui.ui.table td.purple:not(.marked) {
1563
2546
  background: #f8e3ff;
1564
2547
  color: #A333C8;
1565
2548
  }
2549
+ .ui.table > thead > tr[class*="purple colored"] > th,
2550
+ .ui.table > tfoot > tr[class*="purple colored"] > th,
2551
+ .ui.table > tfoot > tr[class*="purple colored"] > td,
2552
+ .ui.table > thead > tr.purple:not(.marked) > th,
2553
+ .ui.table > tfoot > tr.purple:not(.marked) > th,
2554
+ .ui.table > tfoot > tr.purple:not(.marked) > td {
2555
+ background: inherit;
2556
+ color: #A333C8;
2557
+ }
2558
+ .ui.ui.ui.ui.inverted.table tr[class*="purple colored"],
2559
+ .ui.ui.inverted.table th[class*="purple colored"],
2560
+ .ui.ui.inverted.table td[class*="purple colored"],
2561
+ .ui.ui.ui.ui.inverted.table tr.purple:not(.marked),
2562
+ .ui.ui.inverted.table th.purple:not(.marked),
2563
+ .ui.ui.inverted.table td.purple:not(.marked) {
2564
+ background: #A333C8;
2565
+ color: #FFFFFF;
2566
+ }
2567
+ .ui.inverted.table > thead > tr[class*="purple colored"] > th,
2568
+ .ui.inverted.table > tfoot > tr[class*="purple colored"] > th,
2569
+ .ui.inverted.table > tfoot > tr[class*="purple colored"] > td,
2570
+ .ui.inverted.table > thead > tr.purple:not(.marked) > th,
2571
+ .ui.inverted.table > tfoot > tr.purple:not(.marked) > th,
2572
+ .ui.inverted.table > tfoot > tr.purple:not(.marked) > td {
2573
+ background: inherit;
2574
+ color: #FFFFFF;
2575
+ }
2576
+ .ui.ui.selectable.table tr[class*="purple colored"]:hover,
2577
+ .ui.table tr td.selectable[class*="purple colored"]:hover,
2578
+ .ui.selectable.table tr:hover td[class*="purple colored"],
1566
2579
  .ui.ui.selectable.table tr.purple:not(.marked):hover,
1567
2580
  .ui.table tr td.selectable.purple:not(.marked):hover,
1568
2581
  .ui.selectable.table tr:hover td.purple:not(.marked) {
1569
2582
  background: #f5d9ff;
1570
2583
  color: #A333C8;
1571
2584
  }
1572
- .ui.table td.marked.purple.left,
1573
- .ui.table tr.marked.purple.left {
2585
+ .ui.ui.inverted.selectable.table tr[class*="purple colored"]:hover,
2586
+ .ui.inverted.table tr td.selectable[class*="purple colored"]:hover,
2587
+ .ui.inverted.selectable.table tr:hover td[class*="purple colored"],
2588
+ .ui.ui.inverted.selectable.table tr.purple:not(.marked):hover,
2589
+ .ui.inverted.table tr td.selectable.purple:not(.marked):hover,
2590
+ .ui.inverted.selectable.table tr:hover td.purple:not(.marked) {
2591
+ background: #cf40ff;
2592
+ color: #FFFFFF;
2593
+ }
2594
+ .ui.table td[class*="purple marked"].left,
2595
+ .ui.table tr[class*="purple marked"].left {
1574
2596
  -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
1575
2597
  box-shadow: 0.2em 0 0 0 #A333C8 inset;
1576
2598
  }
1577
- .ui.table td.marked.purple.right,
1578
- .ui.table tr.marked.purple.right {
2599
+ .ui.table td[class*="purple marked"].right,
2600
+ .ui.table tr[class*="purple marked"].right {
1579
2601
  -webkit-box-shadow: -0.2em 0 0 0 #A333C8 inset;
1580
2602
  box-shadow: -0.2em 0 0 0 #A333C8 inset;
1581
2603
  }
1582
- .ui.inverted.table td.marked.purple.left,
1583
- .ui.inverted.table tr.marked.purple.left {
2604
+ .ui.inverted.table td[class*="purple marked"].left,
2605
+ .ui.inverted.table tr[class*="purple marked"].left {
1584
2606
  -webkit-box-shadow: 0.2em 0 0 0 #DC73FF inset;
1585
2607
  box-shadow: 0.2em 0 0 0 #DC73FF inset;
1586
2608
  }
1587
- .ui.inverted.table td.marked.purple.right,
1588
- .ui.inverted.table tr.marked.purple.right {
2609
+ .ui.inverted.table td[class*="purple marked"].right,
2610
+ .ui.inverted.table tr[class*="purple marked"].right {
1589
2611
  -webkit-box-shadow: -0.2em 0 0 0 #DC73FF inset;
1590
2612
  box-shadow: -0.2em 0 0 0 #DC73FF inset;
1591
2613
  }
@@ -1593,37 +2615,106 @@
1593
2615
  border-top: 0.2em solid #E03997;
1594
2616
  }
1595
2617
  .ui.inverted.pink.table {
1596
- background-color: #E03997;
2618
+ background: #E03997;
1597
2619
  color: #FFFFFF;
1598
2620
  }
2621
+
2622
+ /* Same color for background and color to camouflage the scrollbar */
2623
+ .ui.scrolling.table > thead.pink,
2624
+ .ui.scrolling.table > tfoot.pink {
2625
+ background: #ffe8f9;
2626
+ color: #ffe8f9;
2627
+ }
2628
+ .ui.scrolling.table > thead.pink > tr > th,
2629
+ .ui.scrolling.table > tfoot.pink > tr > th,
2630
+ .ui.scrolling.table > thead.pink > tr > td,
2631
+ .ui.scrolling.table > tfoot.pink > tr > td {
2632
+ background: inherit;
2633
+ color: #E03997;
2634
+ }
2635
+ .ui.inverted.scrolling.table > thead.pink,
2636
+ .ui.inverted.scrolling.table > tfoot.pink {
2637
+ background: #E03997;
2638
+ color: #E03997;
2639
+ }
2640
+ .ui.inverted.scrolling.table > thead.pink > tr > th,
2641
+ .ui.inverted.scrolling.table > tfoot.pink > tr > th,
2642
+ .ui.inverted.scrolling.table > thead.pink > tr > td,
2643
+ .ui.inverted.scrolling.table > tfoot.pink > tr > td {
2644
+ background: inherit;
2645
+ color: #FFFFFF;
2646
+ }
2647
+ .ui.ui.ui.ui.table tr[class*="pink colored"],
2648
+ .ui.ui.table th[class*="pink colored"],
2649
+ .ui.ui.table td[class*="pink colored"],
1599
2650
  .ui.ui.ui.ui.table tr.pink:not(.marked),
2651
+ .ui.ui.table th.pink:not(.marked),
1600
2652
  .ui.ui.table td.pink:not(.marked) {
1601
2653
  background: #ffe8f9;
1602
2654
  color: #E03997;
1603
2655
  }
2656
+ .ui.table > thead > tr[class*="pink colored"] > th,
2657
+ .ui.table > tfoot > tr[class*="pink colored"] > th,
2658
+ .ui.table > tfoot > tr[class*="pink colored"] > td,
2659
+ .ui.table > thead > tr.pink:not(.marked) > th,
2660
+ .ui.table > tfoot > tr.pink:not(.marked) > th,
2661
+ .ui.table > tfoot > tr.pink:not(.marked) > td {
2662
+ background: inherit;
2663
+ color: #E03997;
2664
+ }
2665
+ .ui.ui.ui.ui.inverted.table tr[class*="pink colored"],
2666
+ .ui.ui.inverted.table th[class*="pink colored"],
2667
+ .ui.ui.inverted.table td[class*="pink colored"],
2668
+ .ui.ui.ui.ui.inverted.table tr.pink:not(.marked),
2669
+ .ui.ui.inverted.table th.pink:not(.marked),
2670
+ .ui.ui.inverted.table td.pink:not(.marked) {
2671
+ background: #E03997;
2672
+ color: #FFFFFF;
2673
+ }
2674
+ .ui.inverted.table > thead > tr[class*="pink colored"] > th,
2675
+ .ui.inverted.table > tfoot > tr[class*="pink colored"] > th,
2676
+ .ui.inverted.table > tfoot > tr[class*="pink colored"] > td,
2677
+ .ui.inverted.table > thead > tr.pink:not(.marked) > th,
2678
+ .ui.inverted.table > tfoot > tr.pink:not(.marked) > th,
2679
+ .ui.inverted.table > tfoot > tr.pink:not(.marked) > td {
2680
+ background: inherit;
2681
+ color: #FFFFFF;
2682
+ }
2683
+ .ui.ui.selectable.table tr[class*="pink colored"]:hover,
2684
+ .ui.table tr td.selectable[class*="pink colored"]:hover,
2685
+ .ui.selectable.table tr:hover td[class*="pink colored"],
1604
2686
  .ui.ui.selectable.table tr.pink:not(.marked):hover,
1605
2687
  .ui.table tr td.selectable.pink:not(.marked):hover,
1606
2688
  .ui.selectable.table tr:hover td.pink:not(.marked) {
1607
2689
  background: #ffdef6;
1608
2690
  color: #E03997;
1609
2691
  }
1610
- .ui.table td.marked.pink.left,
1611
- .ui.table tr.marked.pink.left {
2692
+ .ui.ui.inverted.selectable.table tr[class*="pink colored"]:hover,
2693
+ .ui.inverted.table tr td.selectable[class*="pink colored"]:hover,
2694
+ .ui.inverted.selectable.table tr:hover td[class*="pink colored"],
2695
+ .ui.ui.inverted.selectable.table tr.pink:not(.marked):hover,
2696
+ .ui.inverted.table tr td.selectable.pink:not(.marked):hover,
2697
+ .ui.inverted.selectable.table tr:hover td.pink:not(.marked) {
2698
+ background: #ff5bd1;
2699
+ color: #FFFFFF;
2700
+ }
2701
+ .ui.table td[class*="pink marked"].left,
2702
+ .ui.table tr[class*="pink marked"].left {
1612
2703
  -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
1613
2704
  box-shadow: 0.2em 0 0 0 #E03997 inset;
1614
2705
  }
1615
- .ui.table td.marked.pink.right,
1616
- .ui.table tr.marked.pink.right {
2706
+ .ui.table td[class*="pink marked"].right,
2707
+ .ui.table tr[class*="pink marked"].right {
1617
2708
  -webkit-box-shadow: -0.2em 0 0 0 #E03997 inset;
1618
2709
  box-shadow: -0.2em 0 0 0 #E03997 inset;
1619
2710
  }
1620
- .ui.inverted.table td.marked.pink.left,
1621
- .ui.inverted.table tr.marked.pink.left {
2711
+ .ui.inverted.table td[class*="pink marked"].left,
2712
+ .ui.inverted.table tr[class*="pink marked"].left {
1622
2713
  -webkit-box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1623
2714
  box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1624
2715
  }
1625
- .ui.inverted.table td.marked.pink.right,
1626
- .ui.inverted.table tr.marked.pink.right {
2716
+ .ui.inverted.table td[class*="pink marked"].right,
2717
+ .ui.inverted.table tr[class*="pink marked"].right {
1627
2718
  -webkit-box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1628
2719
  box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1629
2720
  }
@@ -1631,37 +2722,106 @@
1631
2722
  border-top: 0.2em solid #A5673F;
1632
2723
  }
1633
2724
  .ui.inverted.brown.table {
1634
- background-color: #A5673F;
2725
+ background: #A5673F;
2726
+ color: #FFFFFF;
2727
+ }
2728
+
2729
+ /* Same color for background and color to camouflage the scrollbar */
2730
+ .ui.scrolling.table > thead.brown,
2731
+ .ui.scrolling.table > tfoot.brown {
2732
+ background: #f7e5d2;
2733
+ color: #f7e5d2;
2734
+ }
2735
+ .ui.scrolling.table > thead.brown > tr > th,
2736
+ .ui.scrolling.table > tfoot.brown > tr > th,
2737
+ .ui.scrolling.table > thead.brown > tr > td,
2738
+ .ui.scrolling.table > tfoot.brown > tr > td {
2739
+ background: inherit;
2740
+ color: #A5673F;
2741
+ }
2742
+ .ui.inverted.scrolling.table > thead.brown,
2743
+ .ui.inverted.scrolling.table > tfoot.brown {
2744
+ background: #A5673F;
2745
+ color: #A5673F;
2746
+ }
2747
+ .ui.inverted.scrolling.table > thead.brown > tr > th,
2748
+ .ui.inverted.scrolling.table > tfoot.brown > tr > th,
2749
+ .ui.inverted.scrolling.table > thead.brown > tr > td,
2750
+ .ui.inverted.scrolling.table > tfoot.brown > tr > td {
2751
+ background: inherit;
1635
2752
  color: #FFFFFF;
1636
2753
  }
2754
+ .ui.ui.ui.ui.table tr[class*="brown colored"],
2755
+ .ui.ui.table th[class*="brown colored"],
2756
+ .ui.ui.table td[class*="brown colored"],
1637
2757
  .ui.ui.ui.ui.table tr.brown:not(.marked),
2758
+ .ui.ui.table th.brown:not(.marked),
1638
2759
  .ui.ui.table td.brown:not(.marked) {
1639
2760
  background: #f7e5d2;
1640
2761
  color: #A5673F;
1641
2762
  }
2763
+ .ui.table > thead > tr[class*="brown colored"] > th,
2764
+ .ui.table > tfoot > tr[class*="brown colored"] > th,
2765
+ .ui.table > tfoot > tr[class*="brown colored"] > td,
2766
+ .ui.table > thead > tr.brown:not(.marked) > th,
2767
+ .ui.table > tfoot > tr.brown:not(.marked) > th,
2768
+ .ui.table > tfoot > tr.brown:not(.marked) > td {
2769
+ background: inherit;
2770
+ color: #A5673F;
2771
+ }
2772
+ .ui.ui.ui.ui.inverted.table tr[class*="brown colored"],
2773
+ .ui.ui.inverted.table th[class*="brown colored"],
2774
+ .ui.ui.inverted.table td[class*="brown colored"],
2775
+ .ui.ui.ui.ui.inverted.table tr.brown:not(.marked),
2776
+ .ui.ui.inverted.table th.brown:not(.marked),
2777
+ .ui.ui.inverted.table td.brown:not(.marked) {
2778
+ background: #A5673F;
2779
+ color: #FFFFFF;
2780
+ }
2781
+ .ui.inverted.table > thead > tr[class*="brown colored"] > th,
2782
+ .ui.inverted.table > tfoot > tr[class*="brown colored"] > th,
2783
+ .ui.inverted.table > tfoot > tr[class*="brown colored"] > td,
2784
+ .ui.inverted.table > thead > tr.brown:not(.marked) > th,
2785
+ .ui.inverted.table > tfoot > tr.brown:not(.marked) > th,
2786
+ .ui.inverted.table > tfoot > tr.brown:not(.marked) > td {
2787
+ background: inherit;
2788
+ color: #FFFFFF;
2789
+ }
2790
+ .ui.ui.selectable.table tr[class*="brown colored"]:hover,
2791
+ .ui.table tr td.selectable[class*="brown colored"]:hover,
2792
+ .ui.selectable.table tr:hover td[class*="brown colored"],
1642
2793
  .ui.ui.selectable.table tr.brown:not(.marked):hover,
1643
2794
  .ui.table tr td.selectable.brown:not(.marked):hover,
1644
2795
  .ui.selectable.table tr:hover td.brown:not(.marked) {
1645
2796
  background: #efe0cf;
1646
2797
  color: #A5673F;
1647
2798
  }
1648
- .ui.table td.marked.brown.left,
1649
- .ui.table tr.marked.brown.left {
2799
+ .ui.ui.inverted.selectable.table tr[class*="brown colored"]:hover,
2800
+ .ui.inverted.table tr td.selectable[class*="brown colored"]:hover,
2801
+ .ui.inverted.selectable.table tr:hover td[class*="brown colored"],
2802
+ .ui.ui.inverted.selectable.table tr.brown:not(.marked):hover,
2803
+ .ui.inverted.table tr td.selectable.brown:not(.marked):hover,
2804
+ .ui.inverted.selectable.table tr:hover td.brown:not(.marked) {
2805
+ background: #b0620f;
2806
+ color: #FFFFFF;
2807
+ }
2808
+ .ui.table td[class*="brown marked"].left,
2809
+ .ui.table tr[class*="brown marked"].left {
1650
2810
  -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
1651
2811
  box-shadow: 0.2em 0 0 0 #A5673F inset;
1652
2812
  }
1653
- .ui.table td.marked.brown.right,
1654
- .ui.table tr.marked.brown.right {
2813
+ .ui.table td[class*="brown marked"].right,
2814
+ .ui.table tr[class*="brown marked"].right {
1655
2815
  -webkit-box-shadow: -0.2em 0 0 0 #A5673F inset;
1656
2816
  box-shadow: -0.2em 0 0 0 #A5673F inset;
1657
2817
  }
1658
- .ui.inverted.table td.marked.brown.left,
1659
- .ui.inverted.table tr.marked.brown.left {
2818
+ .ui.inverted.table td[class*="brown marked"].left,
2819
+ .ui.inverted.table tr[class*="brown marked"].left {
1660
2820
  -webkit-box-shadow: 0.2em 0 0 0 #D67C1C inset;
1661
2821
  box-shadow: 0.2em 0 0 0 #D67C1C inset;
1662
2822
  }
1663
- .ui.inverted.table td.marked.brown.right,
1664
- .ui.inverted.table tr.marked.brown.right {
2823
+ .ui.inverted.table td[class*="brown marked"].right,
2824
+ .ui.inverted.table tr[class*="brown marked"].right {
1665
2825
  -webkit-box-shadow: -0.2em 0 0 0 #D67C1C inset;
1666
2826
  box-shadow: -0.2em 0 0 0 #D67C1C inset;
1667
2827
  }
@@ -1669,37 +2829,106 @@
1669
2829
  border-top: 0.2em solid #767676;
1670
2830
  }
1671
2831
  .ui.inverted.grey.table {
1672
- background-color: #767676;
2832
+ background: #767676;
2833
+ color: #FFFFFF;
2834
+ }
2835
+
2836
+ /* Same color for background and color to camouflage the scrollbar */
2837
+ .ui.scrolling.table > thead.grey,
2838
+ .ui.scrolling.table > tfoot.grey {
2839
+ background: #DCDDDE;
2840
+ color: #DCDDDE;
2841
+ }
2842
+ .ui.scrolling.table > thead.grey > tr > th,
2843
+ .ui.scrolling.table > tfoot.grey > tr > th,
2844
+ .ui.scrolling.table > thead.grey > tr > td,
2845
+ .ui.scrolling.table > tfoot.grey > tr > td {
2846
+ background: inherit;
2847
+ color: #767676;
2848
+ }
2849
+ .ui.inverted.scrolling.table > thead.grey,
2850
+ .ui.inverted.scrolling.table > tfoot.grey {
2851
+ background: #767676;
2852
+ color: #767676;
2853
+ }
2854
+ .ui.inverted.scrolling.table > thead.grey > tr > th,
2855
+ .ui.inverted.scrolling.table > tfoot.grey > tr > th,
2856
+ .ui.inverted.scrolling.table > thead.grey > tr > td,
2857
+ .ui.inverted.scrolling.table > tfoot.grey > tr > td {
2858
+ background: inherit;
1673
2859
  color: #FFFFFF;
1674
2860
  }
2861
+ .ui.ui.ui.ui.table tr[class*="grey colored"],
2862
+ .ui.ui.table th[class*="grey colored"],
2863
+ .ui.ui.table td[class*="grey colored"],
1675
2864
  .ui.ui.ui.ui.table tr.grey:not(.marked),
2865
+ .ui.ui.table th.grey:not(.marked),
1676
2866
  .ui.ui.table td.grey:not(.marked) {
1677
2867
  background: #DCDDDE;
1678
2868
  color: #767676;
1679
2869
  }
2870
+ .ui.table > thead > tr[class*="grey colored"] > th,
2871
+ .ui.table > tfoot > tr[class*="grey colored"] > th,
2872
+ .ui.table > tfoot > tr[class*="grey colored"] > td,
2873
+ .ui.table > thead > tr.grey:not(.marked) > th,
2874
+ .ui.table > tfoot > tr.grey:not(.marked) > th,
2875
+ .ui.table > tfoot > tr.grey:not(.marked) > td {
2876
+ background: inherit;
2877
+ color: #767676;
2878
+ }
2879
+ .ui.ui.ui.ui.inverted.table tr[class*="grey colored"],
2880
+ .ui.ui.inverted.table th[class*="grey colored"],
2881
+ .ui.ui.inverted.table td[class*="grey colored"],
2882
+ .ui.ui.ui.ui.inverted.table tr.grey:not(.marked),
2883
+ .ui.ui.inverted.table th.grey:not(.marked),
2884
+ .ui.ui.inverted.table td.grey:not(.marked) {
2885
+ background: #767676;
2886
+ color: #FFFFFF;
2887
+ }
2888
+ .ui.inverted.table > thead > tr[class*="grey colored"] > th,
2889
+ .ui.inverted.table > tfoot > tr[class*="grey colored"] > th,
2890
+ .ui.inverted.table > tfoot > tr[class*="grey colored"] > td,
2891
+ .ui.inverted.table > thead > tr.grey:not(.marked) > th,
2892
+ .ui.inverted.table > tfoot > tr.grey:not(.marked) > th,
2893
+ .ui.inverted.table > tfoot > tr.grey:not(.marked) > td {
2894
+ background: inherit;
2895
+ color: #FFFFFF;
2896
+ }
2897
+ .ui.ui.selectable.table tr[class*="grey colored"]:hover,
2898
+ .ui.table tr td.selectable[class*="grey colored"]:hover,
2899
+ .ui.selectable.table tr:hover td[class*="grey colored"],
1680
2900
  .ui.ui.selectable.table tr.grey:not(.marked):hover,
1681
2901
  .ui.table tr td.selectable.grey:not(.marked):hover,
1682
2902
  .ui.selectable.table tr:hover td.grey:not(.marked) {
1683
2903
  background: #c2c4c5;
1684
2904
  color: #767676;
1685
2905
  }
1686
- .ui.table td.marked.grey.left,
1687
- .ui.table tr.marked.grey.left {
2906
+ .ui.ui.inverted.selectable.table tr[class*="grey colored"]:hover,
2907
+ .ui.inverted.table tr td.selectable[class*="grey colored"]:hover,
2908
+ .ui.inverted.selectable.table tr:hover td[class*="grey colored"],
2909
+ .ui.ui.inverted.selectable.table tr.grey:not(.marked):hover,
2910
+ .ui.inverted.table tr td.selectable.grey:not(.marked):hover,
2911
+ .ui.inverted.selectable.table tr:hover td.grey:not(.marked) {
2912
+ background: #c2c4c5;
2913
+ color: #FFFFFF;
2914
+ }
2915
+ .ui.table td[class*="grey marked"].left,
2916
+ .ui.table tr[class*="grey marked"].left {
1688
2917
  -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
1689
2918
  box-shadow: 0.2em 0 0 0 #767676 inset;
1690
2919
  }
1691
- .ui.table td.marked.grey.right,
1692
- .ui.table tr.marked.grey.right {
2920
+ .ui.table td[class*="grey marked"].right,
2921
+ .ui.table tr[class*="grey marked"].right {
1693
2922
  -webkit-box-shadow: -0.2em 0 0 0 #767676 inset;
1694
2923
  box-shadow: -0.2em 0 0 0 #767676 inset;
1695
2924
  }
1696
- .ui.inverted.table td.marked.grey.left,
1697
- .ui.inverted.table tr.marked.grey.left {
2925
+ .ui.inverted.table td[class*="grey marked"].left,
2926
+ .ui.inverted.table tr[class*="grey marked"].left {
1698
2927
  -webkit-box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1699
2928
  box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1700
2929
  }
1701
- .ui.inverted.table td.marked.grey.right,
1702
- .ui.inverted.table tr.marked.grey.right {
2930
+ .ui.inverted.table td[class*="grey marked"].right,
2931
+ .ui.inverted.table tr[class*="grey marked"].right {
1703
2932
  -webkit-box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1704
2933
  box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1705
2934
  }
@@ -1707,44 +2936,113 @@
1707
2936
  border-top: 0.2em solid #1B1C1D;
1708
2937
  }
1709
2938
  .ui.inverted.black.table {
1710
- background-color: #1B1C1D;
2939
+ background: #1B1C1D;
1711
2940
  color: #FFFFFF;
1712
2941
  }
2942
+
2943
+ /* Same color for background and color to camouflage the scrollbar */
2944
+ .ui.scrolling.table > thead.black,
2945
+ .ui.scrolling.table > tfoot.black {
2946
+ background: #545454;
2947
+ color: #545454;
2948
+ }
2949
+ .ui.scrolling.table > thead.black > tr > th,
2950
+ .ui.scrolling.table > tfoot.black > tr > th,
2951
+ .ui.scrolling.table > thead.black > tr > td,
2952
+ .ui.scrolling.table > tfoot.black > tr > td {
2953
+ background: inherit;
2954
+ color: #FFFFFF;
2955
+ }
2956
+ .ui.inverted.scrolling.table > thead.black,
2957
+ .ui.inverted.scrolling.table > tfoot.black {
2958
+ background: #1B1C1D;
2959
+ color: #1B1C1D;
2960
+ }
2961
+ .ui.inverted.scrolling.table > thead.black > tr > th,
2962
+ .ui.inverted.scrolling.table > tfoot.black > tr > th,
2963
+ .ui.inverted.scrolling.table > thead.black > tr > td,
2964
+ .ui.inverted.scrolling.table > tfoot.black > tr > td {
2965
+ background: inherit;
2966
+ color: #FFFFFF;
2967
+ }
2968
+ .ui.ui.ui.ui.table tr[class*="black colored"],
2969
+ .ui.ui.table th[class*="black colored"],
2970
+ .ui.ui.table td[class*="black colored"],
1713
2971
  .ui.ui.ui.ui.table tr.black:not(.marked),
2972
+ .ui.ui.table th.black:not(.marked),
1714
2973
  .ui.ui.table td.black:not(.marked) {
1715
2974
  background: #545454;
1716
2975
  color: #FFFFFF;
1717
2976
  }
2977
+ .ui.table > thead > tr[class*="black colored"] > th,
2978
+ .ui.table > tfoot > tr[class*="black colored"] > th,
2979
+ .ui.table > tfoot > tr[class*="black colored"] > td,
2980
+ .ui.table > thead > tr.black:not(.marked) > th,
2981
+ .ui.table > tfoot > tr.black:not(.marked) > th,
2982
+ .ui.table > tfoot > tr.black:not(.marked) > td {
2983
+ background: inherit;
2984
+ color: #FFFFFF;
2985
+ }
2986
+ .ui.ui.ui.ui.inverted.table tr[class*="black colored"],
2987
+ .ui.ui.inverted.table th[class*="black colored"],
2988
+ .ui.ui.inverted.table td[class*="black colored"],
2989
+ .ui.ui.ui.ui.inverted.table tr.black:not(.marked),
2990
+ .ui.ui.inverted.table th.black:not(.marked),
2991
+ .ui.ui.inverted.table td.black:not(.marked) {
2992
+ background: #1B1C1D;
2993
+ color: #FFFFFF;
2994
+ }
2995
+ .ui.inverted.table > thead > tr[class*="black colored"] > th,
2996
+ .ui.inverted.table > tfoot > tr[class*="black colored"] > th,
2997
+ .ui.inverted.table > tfoot > tr[class*="black colored"] > td,
2998
+ .ui.inverted.table > thead > tr.black:not(.marked) > th,
2999
+ .ui.inverted.table > tfoot > tr.black:not(.marked) > th,
3000
+ .ui.inverted.table > tfoot > tr.black:not(.marked) > td {
3001
+ background: inherit;
3002
+ color: #FFFFFF;
3003
+ }
3004
+ .ui.ui.selectable.table tr[class*="black colored"]:hover,
3005
+ .ui.table tr td.selectable[class*="black colored"]:hover,
3006
+ .ui.selectable.table tr:hover td[class*="black colored"],
1718
3007
  .ui.ui.selectable.table tr.black:not(.marked):hover,
1719
3008
  .ui.table tr td.selectable.black:not(.marked):hover,
1720
3009
  .ui.selectable.table tr:hover td.black:not(.marked) {
1721
3010
  background: #000000;
1722
3011
  color: #FFFFFF;
1723
3012
  }
1724
- .ui.table td.marked.black.left,
1725
- .ui.table tr.marked.black.left {
3013
+ .ui.ui.inverted.selectable.table tr[class*="black colored"]:hover,
3014
+ .ui.inverted.table tr td.selectable[class*="black colored"]:hover,
3015
+ .ui.inverted.selectable.table tr:hover td[class*="black colored"],
3016
+ .ui.ui.inverted.selectable.table tr.black:not(.marked):hover,
3017
+ .ui.inverted.table tr td.selectable.black:not(.marked):hover,
3018
+ .ui.inverted.selectable.table tr:hover td.black:not(.marked) {
3019
+ background: #000000;
3020
+ color: #1B1C1D;
3021
+ }
3022
+ .ui.table td[class*="black marked"].left,
3023
+ .ui.table tr[class*="black marked"].left {
1726
3024
  -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1727
3025
  box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1728
3026
  }
1729
- .ui.table td.marked.black.right,
1730
- .ui.table tr.marked.black.right {
3027
+ .ui.table td[class*="black marked"].right,
3028
+ .ui.table tr[class*="black marked"].right {
1731
3029
  -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1732
3030
  box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1733
3031
  }
1734
- .ui.inverted.table td.marked.black.left,
1735
- .ui.inverted.table tr.marked.black.left {
3032
+ .ui.inverted.table td[class*="black marked"].left,
3033
+ .ui.inverted.table tr[class*="black marked"].left {
1736
3034
  -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1737
3035
  box-shadow: 0.2em 0 0 0 #545454 inset;
1738
3036
  }
1739
- .ui.inverted.table td.marked.black.right,
1740
- .ui.inverted.table tr.marked.black.right {
3037
+ .ui.inverted.table td[class*="black marked"].right,
3038
+ .ui.inverted.table tr[class*="black marked"].right {
1741
3039
  -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1742
3040
  box-shadow: -0.2em 0 0 0 #545454 inset;
1743
3041
  }
1744
3042
 
1745
3043
  /*--------------
1746
- Column Count
1747
- ---------------*/
3044
+ Column Count
3045
+ ---------------*/
1748
3046
 
1749
3047
 
1750
3048
  /* Grid Based */
@@ -1870,11 +3168,10 @@
1870
3168
  .ui.sortable.table > thead > tr > th {
1871
3169
  cursor: pointer;
1872
3170
  white-space: nowrap;
1873
- border-left: 1px solid rgba(34, 36, 38, 0.15);
1874
3171
  color: rgba(0, 0, 0, 0.87);
1875
3172
  }
1876
- .ui.sortable.table > thead > tr > th:first-child {
1877
- border-left: none;
3173
+ .ui.celled.sortable.table > thead > tr > th:not(:first-child) {
3174
+ border-left: 1px solid rgba(34, 36, 38, 0.15);
1878
3175
  }
1879
3176
  .ui.sortable.table thead th.sorted,
1880
3177
  .ui.sortable.table thead th.sorted:hover {
@@ -1883,7 +3180,7 @@
1883
3180
  -ms-user-select: none;
1884
3181
  user-select: none;
1885
3182
  }
1886
- .ui.sortable.table > thead > tr > th:after {
3183
+ .ui.sortable.table > thead > tr > th::after {
1887
3184
  display: none;
1888
3185
  font-style: normal;
1889
3186
  font-weight: normal;
@@ -1895,10 +3192,10 @@
1895
3192
  margin: 0 0 0 0.5em;
1896
3193
  font-family: 'Icons';
1897
3194
  }
1898
- .ui.sortable.table thead th.ascending:after {
3195
+ .ui.sortable.table thead th.ascending::after {
1899
3196
  content: '\f0d8';
1900
3197
  }
1901
- .ui.sortable.table thead th.descending:after {
3198
+ .ui.sortable.table thead th.descending::after {
1902
3199
  content: '\f0d7';
1903
3200
  }
1904
3201
 
@@ -1921,7 +3218,7 @@
1921
3218
  .ui.sortable.table:not(.basic) thead th.sorted {
1922
3219
  background: rgba(0, 0, 0, 0.05);
1923
3220
  }
1924
- .ui.sortable.table thead th.sorted:after {
3221
+ .ui.sortable.table thead th.sorted::after {
1925
3222
  display: inline-block;
1926
3223
  }
1927
3224
 
@@ -1968,13 +3265,17 @@
1968
3265
  }
1969
3266
  .ui.ui.inverted.table > thead > tr > th,
1970
3267
  .ui.ui.inverted.table > tbody > tr > th,
1971
- .ui.ui.inverted.table > tfoot > tr > th,
1972
- .ui.ui.inverted.table > tfoot > tr > td,
1973
3268
  .ui.ui.inverted.table > tr > th {
1974
3269
  background-color: rgba(0, 0, 0, 0.15);
1975
3270
  border-color: rgba(255, 255, 255, 0.1);
1976
3271
  color: rgba(255, 255, 255, 0.9);
1977
3272
  }
3273
+ .ui.ui.inverted.table > tfoot > tr > th,
3274
+ .ui.ui.inverted.table > tfoot > tr > td {
3275
+ background-color: rgba(0, 0, 0, 0.15);
3276
+ border-color: rgba(255, 255, 255, 0.1);
3277
+ color: rgba(255, 255, 255, 0.9);
3278
+ }
1978
3279
  .ui.inverted.table > tbody > tr > td,
1979
3280
  .ui.inverted.table > tfoot > tr > td,
1980
3281
  .ui.inverted.table > tr > td {
@@ -1987,7 +3288,7 @@
1987
3288
  pointer-events: none;
1988
3289
  color: rgba(225, 225, 225, 0.3);
1989
3290
  }
1990
- .ui.inverted.table tr td.disabled:not([class="disabled"]),
3291
+ .ui.ui.ui.inverted.table tr td.disabled:not([class="disabled"]),
1991
3292
  .ui.inverted.table tr.disabled:not([class="disabled"]) td,
1992
3293
  .ui.inverted.table tr.disabled td[class]:not(.disabled),
1993
3294
  .ui.inverted.table tr:hover td.disabled:not([class="disabled"]) {
@@ -2175,6 +3476,117 @@
2175
3476
  padding: 0.4em 0.6em;
2176
3477
  }
2177
3478
 
3479
+ /*--------------
3480
+ Stuck
3481
+ ---------------*/
3482
+
3483
+ .ui.stuck.table:not(.inverted) {
3484
+ background: #FFFFFF;
3485
+ }
3486
+ .ui.stuck.table:not(.inverted) > thead > tr {
3487
+ background: #F9FAFB;
3488
+ }
3489
+ .ui.stuck.table:not(.inverted) > tbody > tr {
3490
+ background: #FFFFFF;
3491
+ }
3492
+ .ui.stuck.table:not(.inverted) > tfoot > tr {
3493
+ background: #F9FAFB;
3494
+ }
3495
+ .ui.stuck.table:not(.inverted).basic > thead > tr,
3496
+ .ui.stuck.table:not(.inverted).basic > tfoot > tr {
3497
+ background: #FFFFFF;
3498
+ }
3499
+ .ui.inverted.stuck.table > thead > tr {
3500
+ background: #252525;
3501
+ }
3502
+ .ui.inverted.stuck.table > tbody > tr {
3503
+ background: #333333;
3504
+ }
3505
+ .ui.inverted.stuck.table > tfoot > tr {
3506
+ background: #252525;
3507
+ }
3508
+ .ui.inverted.stuck.table.basic > thead > tr,
3509
+ .ui.inverted.stuck.table.basic > tfoot > tr {
3510
+ background: #333333;
3511
+ }
3512
+ .ui.head.stuck.table > thead,
3513
+ .ui.foot.stuck.table > tfoot {
3514
+ position: sticky;
3515
+ z-index: 800;
3516
+ }
3517
+ .ui.head.stuck.table {
3518
+ border-top: 0;
3519
+ }
3520
+ .ui.head.stuck.table > thead {
3521
+ top: 0;
3522
+ bottom: auto;
3523
+ }
3524
+ .ui.head.stuck.table > thead > tr:first-child > th {
3525
+ border-top: 1px solid rgba(34, 36, 38, 0.1);
3526
+ }
3527
+ .ui.head.stuck.table.inverted > thead > tr:first-child > th {
3528
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
3529
+ }
3530
+ .ui.foot.stuck.table {
3531
+ border-bottom: 0;
3532
+ }
3533
+ .ui.foot.stuck.table > tfoot {
3534
+ top: auto;
3535
+ bottom: 0;
3536
+ }
3537
+ .ui.foot.stuck.table > tfoot > tr:last-child > td,
3538
+ .ui.foot.stuck.table > tfoot > tr:last-child > th {
3539
+ border-bottom: 1px solid rgba(34, 36, 38, 0.1);
3540
+ }
3541
+ .ui.foot.stuck.table.inverted > tfoot > tr:first-child > td,
3542
+ .ui.foot.stuck.table.inverted > tfoot > tr:first-child > th {
3543
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
3544
+ }
3545
+ .ui.first.stuck.table {
3546
+ border-left: 0;
3547
+ }
3548
+ .ui.first.stuck.table th:first-child,
3549
+ .ui.first.stuck.table td:first-child {
3550
+ position: sticky;
3551
+ left: 0;
3552
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
3553
+ background: inherit;
3554
+ }
3555
+ .ui.first.stuck.table.inverted th:first-child,
3556
+ .ui.first.stuck.table.inverted td:first-child {
3557
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
3558
+ }
3559
+ .ui.last.stuck.table {
3560
+ border-right: 0;
3561
+ }
3562
+ .ui.last.stuck.table th:last-child,
3563
+ .ui.last.stuck.table td:last-child {
3564
+ position: sticky;
3565
+ right: 0;
3566
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
3567
+ background: inherit;
3568
+ }
3569
+ .ui.last.stuck.table.inverted th:last-child,
3570
+ .ui.last.stuck.table.inverted td:last-child {
3571
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
3572
+ }
3573
+ .ui.celled.first.stuck.table th:first-child,
3574
+ .ui.celled.first.stuck.table td:first-child {
3575
+ border-right: 1px solid rgba(34, 36, 38, 0.1);
3576
+ }
3577
+ .ui.celled.last.stuck.table th:last-child,
3578
+ .ui.celled.last.stuck.table td:last-child {
3579
+ border-left: 1px solid rgba(34, 36, 38, 0.1);
3580
+ }
3581
+ .ui.inverted.celled.first.stuck.table th:first-child,
3582
+ .ui.inverted.celled.first.stuck.table td:first-child {
3583
+ border-right: 1px solid rgba(255, 255, 255, 0.1);
3584
+ }
3585
+ .ui.inverted.celled.last.stuck.table th:last-child,
3586
+ .ui.inverted.celled.last.stuck.table td:last-child {
3587
+ border-left: 1px solid rgba(255, 255, 255, 0.1);
3588
+ }
3589
+
2178
3590
  /*--------------
2179
3591
  Sizes
2180
3592
  ---------------*/