fomantic-ui-sass 2.7.8 → 2.8.1

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 (62) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/api.js +1 -1
  4. data/app/assets/javascripts/semantic-ui/calendar.js +41 -18
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +58 -33
  6. data/app/assets/javascripts/semantic-ui/form.js +9 -4
  7. data/app/assets/javascripts/semantic-ui/modal.js +96 -33
  8. data/app/assets/javascripts/semantic-ui/popup.js +8 -8
  9. data/app/assets/javascripts/semantic-ui/progress.js +10 -8
  10. data/app/assets/javascripts/semantic-ui/rating.js +35 -6
  11. data/app/assets/javascripts/semantic-ui/sidebar.js +2 -3
  12. data/app/assets/javascripts/semantic-ui/slider.js +78 -29
  13. data/app/assets/javascripts/semantic-ui/tab.js +1 -1
  14. data/app/assets/javascripts/semantic-ui/toast.js +395 -121
  15. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +3 -3
  16. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +741 -143
  17. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +35 -35
  18. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +73 -117
  19. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +11 -11
  20. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +976 -191
  21. data/app/assets/stylesheets/semantic-ui/elements/_all.scss +1 -0
  22. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +51 -81
  23. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +12 -12
  24. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +35 -14
  25. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +12312 -0
  26. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +111 -66
  27. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +70 -31
  28. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +28 -28
  29. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +218 -69
  30. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +20 -20
  31. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +52 -51
  32. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +85 -91
  33. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +8 -8
  34. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +11 -11
  35. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +31 -10
  36. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +38 -38
  37. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +16 -17
  38. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +6 -6
  40. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +2 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +14 -124
  42. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +21 -21
  43. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +181 -110
  44. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +12 -12
  45. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +121 -30
  46. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +71 -72
  47. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +44 -26
  48. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +246 -21
  49. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +16 -13
  50. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +2 -2
  51. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +12 -14
  52. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +20 -23
  53. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +2 -2
  54. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +542 -155
  55. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +16 -16
  56. data/app/assets/stylesheets/semantic-ui/views/_card.scss +42 -17
  57. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +9 -9
  58. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -5
  59. data/app/assets/stylesheets/semantic-ui/views/_item.scss +33 -12
  60. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +60 -46
  61. data/lib/fomantic/ui/sass/version.rb +2 -2
  62. metadata +2 -1
@@ -171,8 +171,8 @@
171
171
 
172
172
 
173
173
  /*--------------
174
- Compact
175
- ---------------*/
174
+ Compact
175
+ ---------------*/
176
176
 
177
177
  .ui.compact.message {
178
178
  display: inline-block;
@@ -185,8 +185,8 @@
185
185
  }
186
186
 
187
187
  /*--------------
188
- Attached
189
- ---------------*/
188
+ Attached
189
+ ---------------*/
190
190
 
191
191
  .ui.attached.message {
192
192
  margin-bottom: -1px;
@@ -214,8 +214,8 @@
214
214
  }
215
215
 
216
216
  /*--------------
217
- Icon
218
- ---------------*/
217
+ Icon
218
+ ---------------*/
219
219
 
220
220
  .ui.icon.message {
221
221
  display: -webkit-box;
@@ -252,8 +252,8 @@
252
252
  }
253
253
 
254
254
  /*--------------
255
- Floating
256
- ---------------*/
255
+ Floating
256
+ ---------------*/
257
257
 
258
258
  .ui.floating.message {
259
259
  -webkit-box-shadow: 0 0 0 1px rgba(34, 36, 38, 0.22) inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
@@ -605,6 +605,9 @@
605
605
  Sizes
606
606
  ---------------*/
607
607
 
608
+ .ui.message {
609
+ font-size: 1em;
610
+ }
608
611
  .ui.mini.message {
609
612
  font-size: 0.78571429em;
610
613
  }
@@ -614,9 +617,6 @@
614
617
  .ui.small.message {
615
618
  font-size: 0.92857143em;
616
619
  }
617
- .ui.message {
618
- font-size: 1em;
619
- }
620
620
  .ui.large.message {
621
621
  font-size: 1.14285714em;
622
622
  }
@@ -90,7 +90,8 @@
90
90
  -webkit-box-shadow: none;
91
91
  box-shadow: none;
92
92
  }
93
- .ui.table > tfoot > tr > th {
93
+ .ui.table > tfoot > tr > th,
94
+ .ui.table > tfoot > tr > td {
94
95
  cursor: auto;
95
96
  border-top: 1px solid rgba(34, 36, 38, 0.15);
96
97
  background: #F9FAFB;
@@ -102,16 +103,20 @@
102
103
  font-weight: normal;
103
104
  text-transform: none;
104
105
  }
105
- .ui.table > tfoot > tr > th:first-child {
106
+ .ui.table > tfoot > tr > th:first-child,
107
+ .ui.table > tfoot > tr > td:first-child {
106
108
  border-left: none;
107
109
  }
108
- .ui.table > tfoot > tr:first-child > th:first-child {
110
+ .ui.table > tfoot > tr:first-child > th:first-child,
111
+ .ui.table > tfoot > tr:first-child > td:first-child {
109
112
  border-radius: 0 0 0 0.28571429rem;
110
113
  }
111
- .ui.table > tfoot > tr:first-child > th:last-child {
114
+ .ui.table > tfoot > tr:first-child > th:last-child,
115
+ .ui.table > tfoot > tr:first-child > td:last-child {
112
116
  border-radius: 0 0 0.28571429rem 0;
113
117
  }
114
- .ui.table > tfoot > tr:first-child > th:only-child {
118
+ .ui.table > tfoot > tr:first-child > th:only-child,
119
+ .ui.table > tfoot > tr:first-child > td:only-child {
115
120
  border-radius: 0 0 0.28571429rem 0.28571429rem;
116
121
  }
117
122
 
@@ -174,7 +179,8 @@
174
179
  .ui.table:not(.unstackable) > tbody > tr > th,
175
180
  .ui.table:not(.unstackable) > tfoot > tr > th,
176
181
  .ui.table:not(.unstackable) > tr > td,
177
- .ui.table:not(.unstackable) > tbody > tr > td {
182
+ .ui.table:not(.unstackable) > tbody > tr > td,
183
+ .ui.table:not(.unstackable) > tfoot > tr > td {
178
184
  display: block !important;
179
185
  width: auto !important;
180
186
  }
@@ -184,33 +190,35 @@
184
190
  .ui.table:not(.unstackable) > tfoot {
185
191
  display: block;
186
192
  }
187
- .ui.table:not(.unstackable) > tr,
188
- .ui.table:not(.unstackable) > thead > tr,
189
- .ui.table:not(.unstackable) > tbody > tr,
190
- .ui.table:not(.unstackable) > tfoot > tr {
193
+ .ui.ui.ui.ui.table:not(.unstackable) > tr,
194
+ .ui.ui.ui.ui.table:not(.unstackable) > thead > tr,
195
+ .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr,
196
+ .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr {
191
197
  padding-top: 1em;
192
198
  padding-bottom: 1em;
193
- -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
194
- box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
199
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
200
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
195
201
  }
196
202
  .ui.ui.ui.ui.table:not(.unstackable) > tr > th,
197
203
  .ui.ui.ui.ui.table:not(.unstackable) > thead > tr > th,
198
204
  .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > th,
199
205
  .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > th,
200
206
  .ui.ui.ui.ui.table:not(.unstackable) > tr > td,
201
- .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td {
207
+ .ui.ui.ui.ui.table:not(.unstackable) > tbody > tr > td,
208
+ .ui.ui.ui.ui.table:not(.unstackable) > tfoot > tr > td {
202
209
  background: none;
203
210
  border: none;
204
211
  padding: 0.25em 0.75em;
205
- -webkit-box-shadow: none !important;
206
- box-shadow: none !important;
212
+ -webkit-box-shadow: none;
213
+ box-shadow: none;
207
214
  }
208
215
  .ui.table:not(.unstackable) > tr > th:first-child,
209
216
  .ui.table:not(.unstackable) > thead > tr > th:first-child,
210
217
  .ui.table:not(.unstackable) > tbody > tr > th:first-child,
211
218
  .ui.table:not(.unstackable) > tfoot > tr > th:first-child,
212
219
  .ui.table:not(.unstackable) > tr > td:first-child,
213
- .ui.table:not(.unstackable) > tbody > tr > td:first-child {
220
+ .ui.table:not(.unstackable) > tbody > tr > td:first-child,
221
+ .ui.table:not(.unstackable) > tfoot > tr > td:first-child {
214
222
  font-weight: bold;
215
223
  }
216
224
 
@@ -219,6 +227,246 @@
219
227
  -webkit-box-shadow: none !important;
220
228
  box-shadow: none !important;
221
229
  }
230
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.left {
231
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
232
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
233
+ }
234
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.primary.right {
235
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
236
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
237
+ }
238
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.left {
239
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
240
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
241
+ }
242
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.primary.right {
243
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
244
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
245
+ }
246
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.left {
247
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
248
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
249
+ }
250
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.secondary.right {
251
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
252
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
253
+ }
254
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.left {
255
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
256
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
257
+ }
258
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.secondary.right {
259
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
260
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
261
+ }
262
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.left {
263
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
264
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
265
+ }
266
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.red.right {
267
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
268
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
269
+ }
270
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.left {
271
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
272
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
273
+ }
274
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.red.right {
275
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
276
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
277
+ }
278
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.left {
279
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
280
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
281
+ }
282
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.orange.right {
283
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
284
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
285
+ }
286
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.left {
287
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
288
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
289
+ }
290
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.orange.right {
291
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
292
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
293
+ }
294
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.left {
295
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
296
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
297
+ }
298
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.yellow.right {
299
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
300
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
301
+ }
302
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.left {
303
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
304
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
305
+ }
306
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.yellow.right {
307
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
308
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
309
+ }
310
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.left {
311
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
312
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
313
+ }
314
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.olive.right {
315
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
316
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
317
+ }
318
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.left {
319
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
320
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
321
+ }
322
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.olive.right {
323
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
324
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
325
+ }
326
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.left {
327
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
328
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
329
+ }
330
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.green.right {
331
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
332
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
333
+ }
334
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.left {
335
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
336
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
337
+ }
338
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.green.right {
339
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
340
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
341
+ }
342
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.left {
343
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
344
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
345
+ }
346
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.teal.right {
347
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
348
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
349
+ }
350
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.left {
351
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
352
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
353
+ }
354
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.teal.right {
355
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
356
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
357
+ }
358
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.left {
359
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
360
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
361
+ }
362
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.blue.right {
363
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
364
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
365
+ }
366
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.left {
367
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
368
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
369
+ }
370
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.blue.right {
371
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
372
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
373
+ }
374
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.left {
375
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
376
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
377
+ }
378
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.violet.right {
379
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
380
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
381
+ }
382
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.left {
383
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
384
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
385
+ }
386
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.violet.right {
387
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
388
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
389
+ }
390
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.left {
391
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
392
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
393
+ }
394
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.purple.right {
395
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
396
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
397
+ }
398
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.left {
399
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
400
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
401
+ }
402
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.purple.right {
403
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
404
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
405
+ }
406
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.left {
407
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
408
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
409
+ }
410
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.pink.right {
411
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
412
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
413
+ }
414
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.left {
415
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
416
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
417
+ }
418
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.pink.right {
419
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
420
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
421
+ }
422
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.left {
423
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
424
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
425
+ }
426
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.brown.right {
427
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
428
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
429
+ }
430
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.left {
431
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
432
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
433
+ }
434
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.brown.right {
435
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
436
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
437
+ }
438
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.left {
439
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
440
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
441
+ }
442
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.grey.right {
443
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
444
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
445
+ }
446
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.left {
447
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
448
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
449
+ }
450
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.grey.right {
451
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
452
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
453
+ }
454
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.left {
455
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
456
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
457
+ }
458
+ .ui.ui.ui.ui.table:not(.unstackable) tr.marked.black.right {
459
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
460
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
461
+ }
462
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.left {
463
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
464
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
465
+ }
466
+ .ui.ui.ui.ui.inverted.table:not(.unstackable) tr.marked.black.right {
467
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
468
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
469
+ }
222
470
  }
223
471
 
224
472
 
@@ -266,14 +514,15 @@
266
514
  .ui.structured.celled.table > tbody > tr > th,
267
515
  .ui.structured.celled.table > tfoot > tr > th,
268
516
  .ui.structured.celled.table > tr > td,
269
- .ui.structured.celled.table > tbody > tr > td {
517
+ .ui.structured.celled.table > tbody > tr > td,
518
+ .ui.structured.celled.table > tfoot > tr > td {
270
519
  border-left: 1px solid rgba(34, 36, 38, 0.1);
271
520
  border-right: 1px solid rgba(34, 36, 38, 0.1);
272
521
  }
273
522
 
274
523
  /*--------------
275
- Definition
276
- ---------------*/
524
+ Definition
525
+ ---------------*/
277
526
 
278
527
  .ui.definition.table > thead:not(.full-width) > tr > th:first-child {
279
528
  pointer-events: none;
@@ -297,6 +546,7 @@
297
546
  /* Highlight Defining Column */
298
547
  .ui.definition.table > tr > td:first-child:not(.ignored),
299
548
  .ui.definition.table > tbody > tr > td:first-child:not(.ignored),
549
+ .ui.definition.table > tfoot > tr > td:first-child:not(.ignored),
300
550
  .ui.definition.table tr td.definition {
301
551
  background: rgba(0, 0, 0, 0.03);
302
552
  font-weight: bold;
@@ -314,7 +564,8 @@
314
564
  .ui.definition.table > thead:not(.full-width) > tr > th:nth-child(2) {
315
565
  border-left: 1px solid rgba(34, 36, 38, 0.15);
316
566
  }
317
- .ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2) {
567
+ .ui.definition.table > tfoot:not(.full-width) > tr > th:nth-child(2),
568
+ .ui.definition.table > tfoot:not(.full-width) > tr > td:nth-child(2) {
318
569
  border-left: 1px solid rgba(34, 36, 38, 0.15);
319
570
  }
320
571
  .ui.definition.table > tr > td:nth-child(2),
@@ -329,8 +580,8 @@
329
580
 
330
581
 
331
582
  /*--------------
332
- Positive
333
- ---------------*/
583
+ Positive
584
+ ---------------*/
334
585
 
335
586
  .ui.ui.ui.ui.table tr.positive,
336
587
  .ui.ui.table td.positive {
@@ -341,8 +592,8 @@
341
592
  }
342
593
 
343
594
  /*--------------
344
- Negative
345
- ---------------*/
595
+ Negative
596
+ ---------------*/
346
597
 
347
598
  .ui.ui.ui.ui.table tr.negative,
348
599
  .ui.ui.table td.negative {
@@ -353,8 +604,8 @@
353
604
  }
354
605
 
355
606
  /*--------------
356
- Error
357
- ---------------*/
607
+ Error
608
+ ---------------*/
358
609
 
359
610
  .ui.ui.ui.ui.table tr.error,
360
611
  .ui.ui.table td.error {
@@ -365,8 +616,8 @@
365
616
  }
366
617
 
367
618
  /*--------------
368
- Warning
369
- ---------------*/
619
+ Warning
620
+ ---------------*/
370
621
 
371
622
  .ui.ui.ui.ui.table tr.warning,
372
623
  .ui.ui.table td.warning {
@@ -377,8 +628,8 @@
377
628
  }
378
629
 
379
630
  /*--------------
380
- Active
381
- ---------------*/
631
+ Active
632
+ ---------------*/
382
633
 
383
634
  .ui.ui.ui.ui.table tr.active,
384
635
  .ui.ui.table td.active {
@@ -389,8 +640,8 @@
389
640
  }
390
641
 
391
642
  /*--------------
392
- Disabled
393
- ---------------*/
643
+ Disabled
644
+ ---------------*/
394
645
 
395
646
  .ui.table tr.disabled td,
396
647
  .ui.table tr td.disabled,
@@ -407,8 +658,8 @@
407
658
 
408
659
 
409
660
  /*--------------
410
- Stackable
411
- ---------------*/
661
+ Stackable
662
+ ---------------*/
412
663
 
413
664
  @media only screen and (max-width: 991.98px) {
414
665
  .ui[class*="tablet stackable"].table,
@@ -424,6 +675,7 @@
424
675
  .ui[class*="tablet stackable"].table > tfoot > tr > th,
425
676
  .ui[class*="tablet stackable"].table > tr > th,
426
677
  .ui[class*="tablet stackable"].table > tbody > tr > td,
678
+ .ui[class*="tablet stackable"].table > tfoot > tr > td,
427
679
  .ui[class*="tablet stackable"].table > tr > td {
428
680
  display: block !important;
429
681
  width: 100% !important;
@@ -437,26 +689,27 @@
437
689
  .ui[class*="tablet stackable"].table > tfoot {
438
690
  display: block;
439
691
  }
440
- .ui[class*="tablet stackable"].table > thead > tr,
441
- .ui[class*="tablet stackable"].table > tbody > tr,
442
- .ui[class*="tablet stackable"].table > tfoot > tr,
443
- .ui[class*="tablet stackable"].table > tr {
692
+ .ui.ui.ui.ui[class*="tablet stackable"].table > thead > tr,
693
+ .ui.ui.ui.ui[class*="tablet stackable"].table > tbody > tr,
694
+ .ui.ui.ui.ui[class*="tablet stackable"].table > tfoot > tr,
695
+ .ui.ui.ui.ui[class*="tablet stackable"].table > tr {
444
696
  padding-top: 1em;
445
697
  padding-bottom: 1em;
446
- -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
447
- box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset !important;
698
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
699
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset;
448
700
  }
449
701
  .ui[class*="tablet stackable"].table > thead > tr > th,
450
702
  .ui[class*="tablet stackable"].table > tbody > tr > th,
451
703
  .ui[class*="tablet stackable"].table > tfoot > tr > th,
452
704
  .ui[class*="tablet stackable"].table > tr > th,
453
705
  .ui[class*="tablet stackable"].table > tbody > tr > td,
706
+ .ui[class*="tablet stackable"].table > tfoot > tr > td,
454
707
  .ui[class*="tablet stackable"].table > tr > td {
455
708
  background: none;
456
709
  border: none !important;
457
710
  padding: 0.25em 0.75em;
458
- -webkit-box-shadow: none !important;
459
- box-shadow: none !important;
711
+ -webkit-box-shadow: none;
712
+ box-shadow: none;
460
713
  }
461
714
 
462
715
  /* Definition Table */
@@ -465,10 +718,250 @@
465
718
  box-shadow: none !important;
466
719
  }
467
720
  }
721
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.left {
722
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
723
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
724
+ }
725
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.primary.right {
726
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
727
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
728
+ }
729
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.left {
730
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
731
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
732
+ }
733
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.primary.right {
734
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
735
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
736
+ }
737
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.left {
738
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
739
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
740
+ }
741
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.secondary.right {
742
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
743
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
744
+ }
745
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.left {
746
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
747
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
748
+ }
749
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.secondary.right {
750
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
751
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
752
+ }
753
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.left {
754
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
755
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DB2828 inset;
756
+ }
757
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.red.right {
758
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
759
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DB2828 inset;
760
+ }
761
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.left {
762
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
763
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF695E inset;
764
+ }
765
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.red.right {
766
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
767
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF695E inset;
768
+ }
769
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.left {
770
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
771
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #F2711C inset;
772
+ }
773
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.orange.right {
774
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
775
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #F2711C inset;
776
+ }
777
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.left {
778
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
779
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF851B inset;
780
+ }
781
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.orange.right {
782
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
783
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF851B inset;
784
+ }
785
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.left {
786
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
787
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FBBD08 inset;
788
+ }
789
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.yellow.right {
790
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
791
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FBBD08 inset;
792
+ }
793
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.left {
794
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
795
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FFE21F inset;
796
+ }
797
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.yellow.right {
798
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
799
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FFE21F inset;
800
+ }
801
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.left {
802
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
803
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #B5CC18 inset;
804
+ }
805
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.olive.right {
806
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
807
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #B5CC18 inset;
808
+ }
809
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.left {
810
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
811
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D9E778 inset;
812
+ }
813
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.olive.right {
814
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
815
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D9E778 inset;
816
+ }
817
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.left {
818
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
819
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #21BA45 inset;
820
+ }
821
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.green.right {
822
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
823
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #21BA45 inset;
824
+ }
825
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.left {
826
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
827
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2ECC40 inset;
828
+ }
829
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.green.right {
830
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
831
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2ECC40 inset;
832
+ }
833
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.left {
834
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
835
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #00B5AD inset;
836
+ }
837
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.teal.right {
838
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
839
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #00B5AD inset;
840
+ }
841
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.left {
842
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
843
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6DFFFF inset;
844
+ }
845
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.teal.right {
846
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
847
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6DFFFF inset;
848
+ }
849
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.left {
850
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
851
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #2185D0 inset;
852
+ }
853
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.blue.right {
854
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
855
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #2185D0 inset;
856
+ }
857
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.left {
858
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
859
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #54C8FF inset;
860
+ }
861
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.blue.right {
862
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
863
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #54C8FF inset;
864
+ }
865
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.left {
866
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
867
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #6435C9 inset;
868
+ }
869
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.violet.right {
870
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
871
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #6435C9 inset;
872
+ }
873
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.left {
874
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
875
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A291FB inset;
876
+ }
877
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.violet.right {
878
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
879
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A291FB inset;
880
+ }
881
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.left {
882
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
883
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A333C8 inset;
884
+ }
885
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.purple.right {
886
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
887
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A333C8 inset;
888
+ }
889
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.left {
890
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
891
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DC73FF inset;
892
+ }
893
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.purple.right {
894
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
895
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DC73FF inset;
896
+ }
897
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.left {
898
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
899
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #E03997 inset;
900
+ }
901
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.pink.right {
902
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
903
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #E03997 inset;
904
+ }
905
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.left {
906
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
907
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #FF8EDF inset;
908
+ }
909
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.pink.right {
910
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
911
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #FF8EDF inset;
912
+ }
913
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.left {
914
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
915
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #A5673F inset;
916
+ }
917
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.brown.right {
918
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
919
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #A5673F inset;
920
+ }
921
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.left {
922
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
923
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #D67C1C inset;
924
+ }
925
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.brown.right {
926
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
927
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #D67C1C inset;
928
+ }
929
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.left {
930
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
931
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #767676 inset;
932
+ }
933
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.grey.right {
934
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
935
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #767676 inset;
936
+ }
937
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.left {
938
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
939
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #DCDDDE inset;
940
+ }
941
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.grey.right {
942
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
943
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #DCDDDE inset;
944
+ }
945
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.left {
946
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
947
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #1B1C1D inset;
948
+ }
949
+ .ui.ui.ui.ui[class*="tablet stackable"].table tr.marked.black.right {
950
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
951
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #1B1C1D inset;
952
+ }
953
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.left {
954
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
955
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, 0.2em 0 0 0 #545454 inset;
956
+ }
957
+ .ui.ui.ui.ui[class*="tablet stackable"].inverted.table tr.marked.black.right {
958
+ -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
959
+ box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.1) inset, -0.2em 0 0 0 #545454 inset;
960
+ }
468
961
 
469
962
  /*--------------
470
- Text Alignment
471
- ---------------*/
963
+ Text Alignment
964
+ ---------------*/
472
965
 
473
966
  .ui.table[class*="left aligned"],
474
967
  .ui.table [class*="left aligned"] {
@@ -484,8 +977,8 @@
484
977
  }
485
978
 
486
979
  /*------------------
487
- Vertical Alignment
488
- ------------------*/
980
+ Vertical Alignment
981
+ ------------------*/
489
982
 
490
983
  .ui.table[class*="top aligned"],
491
984
  .ui.table [class*="top aligned"] {
@@ -501,8 +994,8 @@
501
994
  }
502
995
 
503
996
  /*--------------
504
- Collapsing
505
- ---------------*/
997
+ Collapsing
998
+ ---------------*/
506
999
 
507
1000
  .ui.table th.collapsing,
508
1001
  .ui.table td.collapsing {
@@ -511,8 +1004,8 @@
511
1004
  }
512
1005
 
513
1006
  /*--------------
514
- Fixed
515
- ---------------*/
1007
+ Fixed
1008
+ ---------------*/
516
1009
 
517
1010
  .ui.fixed.table {
518
1011
  table-layout: fixed;
@@ -524,8 +1017,8 @@
524
1017
  }
525
1018
 
526
1019
  /*--------------
527
- Selectable
528
- ---------------*/
1020
+ Selectable
1021
+ ---------------*/
529
1022
 
530
1023
  .ui.ui.selectable.table > tbody > tr:hover,
531
1024
  .ui.table tbody tr td.selectable:hover {
@@ -587,8 +1080,8 @@
587
1080
  }
588
1081
 
589
1082
  /*-------------------
590
- Attached
591
- --------------------*/
1083
+ Attached
1084
+ --------------------*/
592
1085
 
593
1086
 
594
1087
  /* Middle */
@@ -634,8 +1127,8 @@
634
1127
  }
635
1128
 
636
1129
  /*--------------
637
- Striped
638
- ---------------*/
1130
+ Striped
1131
+ ---------------*/
639
1132
 
640
1133
 
641
1134
  /* Table Striping */
@@ -676,19 +1169,37 @@
676
1169
  background-color: #2185D0;
677
1170
  color: #FFFFFF;
678
1171
  }
679
- .ui.ui.ui.ui.table tr.primary,
680
- .ui.ui.table td.primary {
681
- -webkit-box-shadow: 0 0 0 #1a69a4 inset;
682
- box-shadow: 0 0 0 #1a69a4 inset;
1172
+ .ui.ui.ui.ui.table tr.primary:not(.marked),
1173
+ .ui.ui.table td.primary:not(.marked) {
683
1174
  background: #ddf4ff;
684
1175
  color: rgba(255, 255, 255, 0.9);
685
1176
  }
686
- .ui.ui.selectable.table tr.primary:hover,
687
- .ui.table tr td.selectable.primary:hover,
688
- .ui.selectable.table tr:hover td.primary {
1177
+ .ui.ui.selectable.table tr.primary:not(.marked):hover,
1178
+ .ui.table tr td.selectable.primary:not(.marked):hover,
1179
+ .ui.selectable.table tr:hover td.primary:not(.marked) {
689
1180
  background: #d3f1ff;
690
1181
  color: rgba(255, 255, 255, 0.9);
691
1182
  }
1183
+ .ui.table td.marked.primary.left,
1184
+ .ui.table tr.marked.primary.left {
1185
+ -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1186
+ box-shadow: 0.2em 0 0 0 #2185D0 inset;
1187
+ }
1188
+ .ui.table td.marked.primary.right,
1189
+ .ui.table tr.marked.primary.right {
1190
+ -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1191
+ box-shadow: -0.2em 0 0 0 #2185D0 inset;
1192
+ }
1193
+ .ui.inverted.table td.marked.primary.left,
1194
+ .ui.inverted.table tr.marked.primary.left {
1195
+ -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1196
+ box-shadow: 0.2em 0 0 0 #54C8FF inset;
1197
+ }
1198
+ .ui.inverted.table td.marked.primary.right,
1199
+ .ui.inverted.table tr.marked.primary.right {
1200
+ -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1201
+ box-shadow: -0.2em 0 0 0 #54C8FF inset;
1202
+ }
692
1203
  .ui.secondary.table {
693
1204
  border-top: 0.2em solid #1B1C1D;
694
1205
  }
@@ -696,19 +1207,37 @@
696
1207
  background-color: #1B1C1D;
697
1208
  color: #FFFFFF;
698
1209
  }
699
- .ui.ui.ui.ui.table tr.secondary,
700
- .ui.ui.table td.secondary {
701
- -webkit-box-shadow: 0 0 0 #020203 inset;
702
- box-shadow: 0 0 0 #020203 inset;
1210
+ .ui.ui.ui.ui.table tr.secondary:not(.marked),
1211
+ .ui.ui.table td.secondary:not(.marked) {
703
1212
  background: #dddddd;
704
1213
  color: rgba(255, 255, 255, 0.9);
705
1214
  }
706
- .ui.ui.selectable.table tr.secondary:hover,
707
- .ui.table tr td.selectable.secondary:hover,
708
- .ui.selectable.table tr:hover td.secondary {
1215
+ .ui.ui.selectable.table tr.secondary:not(.marked):hover,
1216
+ .ui.table tr td.selectable.secondary:not(.marked):hover,
1217
+ .ui.selectable.table tr:hover td.secondary:not(.marked) {
709
1218
  background: #e2e2e2;
710
1219
  color: rgba(255, 255, 255, 0.9);
711
1220
  }
1221
+ .ui.table td.marked.secondary.left,
1222
+ .ui.table tr.marked.secondary.left {
1223
+ -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1224
+ box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1225
+ }
1226
+ .ui.table td.marked.secondary.right,
1227
+ .ui.table tr.marked.secondary.right {
1228
+ -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1229
+ box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1230
+ }
1231
+ .ui.inverted.table td.marked.secondary.left,
1232
+ .ui.inverted.table tr.marked.secondary.left {
1233
+ -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1234
+ box-shadow: 0.2em 0 0 0 #545454 inset;
1235
+ }
1236
+ .ui.inverted.table td.marked.secondary.right,
1237
+ .ui.inverted.table tr.marked.secondary.right {
1238
+ -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1239
+ box-shadow: -0.2em 0 0 0 #545454 inset;
1240
+ }
712
1241
  .ui.red.table {
713
1242
  border-top: 0.2em solid #DB2828;
714
1243
  }
@@ -716,19 +1245,37 @@
716
1245
  background-color: #DB2828;
717
1246
  color: #FFFFFF;
718
1247
  }
719
- .ui.ui.ui.ui.table tr.red,
720
- .ui.ui.table td.red {
721
- -webkit-box-shadow: 0 0 0 #b21e1e inset;
722
- box-shadow: 0 0 0 #b21e1e inset;
1248
+ .ui.ui.ui.ui.table tr.red:not(.marked),
1249
+ .ui.ui.table td.red:not(.marked) {
723
1250
  background: #ffe1df;
724
1251
  color: #DB2828;
725
1252
  }
726
- .ui.ui.selectable.table tr.red:hover,
727
- .ui.table tr td.selectable.red:hover,
728
- .ui.selectable.table tr:hover td.red {
1253
+ .ui.ui.selectable.table tr.red:not(.marked):hover,
1254
+ .ui.table tr td.selectable.red:not(.marked):hover,
1255
+ .ui.selectable.table tr:hover td.red:not(.marked) {
729
1256
  background: #ffd7d5;
730
1257
  color: #DB2828;
731
1258
  }
1259
+ .ui.table td.marked.red.left,
1260
+ .ui.table tr.marked.red.left {
1261
+ -webkit-box-shadow: 0.2em 0 0 0 #DB2828 inset;
1262
+ box-shadow: 0.2em 0 0 0 #DB2828 inset;
1263
+ }
1264
+ .ui.table td.marked.red.right,
1265
+ .ui.table tr.marked.red.right {
1266
+ -webkit-box-shadow: -0.2em 0 0 0 #DB2828 inset;
1267
+ box-shadow: -0.2em 0 0 0 #DB2828 inset;
1268
+ }
1269
+ .ui.inverted.table td.marked.red.left,
1270
+ .ui.inverted.table tr.marked.red.left {
1271
+ -webkit-box-shadow: 0.2em 0 0 0 #FF695E inset;
1272
+ box-shadow: 0.2em 0 0 0 #FF695E inset;
1273
+ }
1274
+ .ui.inverted.table td.marked.red.right,
1275
+ .ui.inverted.table tr.marked.red.right {
1276
+ -webkit-box-shadow: -0.2em 0 0 0 #FF695E inset;
1277
+ box-shadow: -0.2em 0 0 0 #FF695E inset;
1278
+ }
732
1279
  .ui.orange.table {
733
1280
  border-top: 0.2em solid #F2711C;
734
1281
  }
@@ -736,19 +1283,37 @@
736
1283
  background-color: #F2711C;
737
1284
  color: #FFFFFF;
738
1285
  }
739
- .ui.ui.ui.ui.table tr.orange,
740
- .ui.ui.table td.orange {
741
- -webkit-box-shadow: 0 0 0 #cf590c inset;
742
- box-shadow: 0 0 0 #cf590c inset;
1286
+ .ui.ui.ui.ui.table tr.orange:not(.marked),
1287
+ .ui.ui.table td.orange:not(.marked) {
743
1288
  background: #ffe7d1;
744
1289
  color: #F2711C;
745
1290
  }
746
- .ui.ui.selectable.table tr.orange:hover,
747
- .ui.table tr td.selectable.orange:hover,
748
- .ui.selectable.table tr:hover td.orange {
1291
+ .ui.ui.selectable.table tr.orange:not(.marked):hover,
1292
+ .ui.table tr td.selectable.orange:not(.marked):hover,
1293
+ .ui.selectable.table tr:hover td.orange:not(.marked) {
749
1294
  background: #fae1cc;
750
1295
  color: #F2711C;
751
1296
  }
1297
+ .ui.table td.marked.orange.left,
1298
+ .ui.table tr.marked.orange.left {
1299
+ -webkit-box-shadow: 0.2em 0 0 0 #F2711C inset;
1300
+ box-shadow: 0.2em 0 0 0 #F2711C inset;
1301
+ }
1302
+ .ui.table td.marked.orange.right,
1303
+ .ui.table tr.marked.orange.right {
1304
+ -webkit-box-shadow: -0.2em 0 0 0 #F2711C inset;
1305
+ box-shadow: -0.2em 0 0 0 #F2711C inset;
1306
+ }
1307
+ .ui.inverted.table td.marked.orange.left,
1308
+ .ui.inverted.table tr.marked.orange.left {
1309
+ -webkit-box-shadow: 0.2em 0 0 0 #FF851B inset;
1310
+ box-shadow: 0.2em 0 0 0 #FF851B inset;
1311
+ }
1312
+ .ui.inverted.table td.marked.orange.right,
1313
+ .ui.inverted.table tr.marked.orange.right {
1314
+ -webkit-box-shadow: -0.2em 0 0 0 #FF851B inset;
1315
+ box-shadow: -0.2em 0 0 0 #FF851B inset;
1316
+ }
752
1317
  .ui.yellow.table {
753
1318
  border-top: 0.2em solid #FBBD08;
754
1319
  }
@@ -756,19 +1321,37 @@
756
1321
  background-color: #FBBD08;
757
1322
  color: #FFFFFF;
758
1323
  }
759
- .ui.ui.ui.ui.table tr.yellow,
760
- .ui.ui.table td.yellow {
761
- -webkit-box-shadow: 0 0 0 #cd9903 inset;
762
- box-shadow: 0 0 0 #cd9903 inset;
1324
+ .ui.ui.ui.ui.table tr.yellow:not(.marked),
1325
+ .ui.ui.table td.yellow:not(.marked) {
763
1326
  background: #fff9d2;
764
1327
  color: #B58105;
765
1328
  }
766
- .ui.ui.selectable.table tr.yellow:hover,
767
- .ui.table tr td.selectable.yellow:hover,
768
- .ui.selectable.table tr:hover td.yellow {
1329
+ .ui.ui.selectable.table tr.yellow:not(.marked):hover,
1330
+ .ui.table tr td.selectable.yellow:not(.marked):hover,
1331
+ .ui.selectable.table tr:hover td.yellow:not(.marked) {
769
1332
  background: #fbf5cc;
770
1333
  color: #B58105;
771
1334
  }
1335
+ .ui.table td.marked.yellow.left,
1336
+ .ui.table tr.marked.yellow.left {
1337
+ -webkit-box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1338
+ box-shadow: 0.2em 0 0 0 #FBBD08 inset;
1339
+ }
1340
+ .ui.table td.marked.yellow.right,
1341
+ .ui.table tr.marked.yellow.right {
1342
+ -webkit-box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1343
+ box-shadow: -0.2em 0 0 0 #FBBD08 inset;
1344
+ }
1345
+ .ui.inverted.table td.marked.yellow.left,
1346
+ .ui.inverted.table tr.marked.yellow.left {
1347
+ -webkit-box-shadow: 0.2em 0 0 0 #FFE21F inset;
1348
+ box-shadow: 0.2em 0 0 0 #FFE21F inset;
1349
+ }
1350
+ .ui.inverted.table td.marked.yellow.right,
1351
+ .ui.inverted.table tr.marked.yellow.right {
1352
+ -webkit-box-shadow: -0.2em 0 0 0 #FFE21F inset;
1353
+ box-shadow: -0.2em 0 0 0 #FFE21F inset;
1354
+ }
772
1355
  .ui.olive.table {
773
1356
  border-top: 0.2em solid #B5CC18;
774
1357
  }
@@ -776,19 +1359,37 @@
776
1359
  background-color: #B5CC18;
777
1360
  color: #FFFFFF;
778
1361
  }
779
- .ui.ui.ui.ui.table tr.olive,
780
- .ui.ui.table td.olive {
781
- -webkit-box-shadow: 0 0 0 #8d9e13 inset;
782
- box-shadow: 0 0 0 #8d9e13 inset;
1362
+ .ui.ui.ui.ui.table tr.olive:not(.marked),
1363
+ .ui.ui.table td.olive:not(.marked) {
783
1364
  background: #f7fae4;
784
1365
  color: #8ABC1E;
785
1366
  }
786
- .ui.ui.selectable.table tr.olive:hover,
787
- .ui.table tr td.selectable.olive:hover,
788
- .ui.selectable.table tr:hover td.olive {
1367
+ .ui.ui.selectable.table tr.olive:not(.marked):hover,
1368
+ .ui.table tr td.selectable.olive:not(.marked):hover,
1369
+ .ui.selectable.table tr:hover td.olive:not(.marked) {
789
1370
  background: #f6fada;
790
1371
  color: #8ABC1E;
791
1372
  }
1373
+ .ui.table td.marked.olive.left,
1374
+ .ui.table tr.marked.olive.left {
1375
+ -webkit-box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1376
+ box-shadow: 0.2em 0 0 0 #B5CC18 inset;
1377
+ }
1378
+ .ui.table td.marked.olive.right,
1379
+ .ui.table tr.marked.olive.right {
1380
+ -webkit-box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1381
+ box-shadow: -0.2em 0 0 0 #B5CC18 inset;
1382
+ }
1383
+ .ui.inverted.table td.marked.olive.left,
1384
+ .ui.inverted.table tr.marked.olive.left {
1385
+ -webkit-box-shadow: 0.2em 0 0 0 #D9E778 inset;
1386
+ box-shadow: 0.2em 0 0 0 #D9E778 inset;
1387
+ }
1388
+ .ui.inverted.table td.marked.olive.right,
1389
+ .ui.inverted.table tr.marked.olive.right {
1390
+ -webkit-box-shadow: -0.2em 0 0 0 #D9E778 inset;
1391
+ box-shadow: -0.2em 0 0 0 #D9E778 inset;
1392
+ }
792
1393
  .ui.green.table {
793
1394
  border-top: 0.2em solid #21BA45;
794
1395
  }
@@ -796,19 +1397,37 @@
796
1397
  background-color: #21BA45;
797
1398
  color: #FFFFFF;
798
1399
  }
799
- .ui.ui.ui.ui.table tr.green,
800
- .ui.ui.table td.green {
801
- -webkit-box-shadow: 0 0 0 #198f35 inset;
802
- box-shadow: 0 0 0 #198f35 inset;
1400
+ .ui.ui.ui.ui.table tr.green:not(.marked),
1401
+ .ui.ui.table td.green:not(.marked) {
803
1402
  background: #d5f5d9;
804
1403
  color: #1EBC30;
805
1404
  }
806
- .ui.ui.selectable.table tr.green:hover,
807
- .ui.table tr td.selectable.green:hover,
808
- .ui.selectable.table tr:hover td.green {
1405
+ .ui.ui.selectable.table tr.green:not(.marked):hover,
1406
+ .ui.table tr td.selectable.green:not(.marked):hover,
1407
+ .ui.selectable.table tr:hover td.green:not(.marked) {
809
1408
  background: #d2eed5;
810
1409
  color: #1EBC30;
811
1410
  }
1411
+ .ui.table td.marked.green.left,
1412
+ .ui.table tr.marked.green.left {
1413
+ -webkit-box-shadow: 0.2em 0 0 0 #21BA45 inset;
1414
+ box-shadow: 0.2em 0 0 0 #21BA45 inset;
1415
+ }
1416
+ .ui.table td.marked.green.right,
1417
+ .ui.table tr.marked.green.right {
1418
+ -webkit-box-shadow: -0.2em 0 0 0 #21BA45 inset;
1419
+ box-shadow: -0.2em 0 0 0 #21BA45 inset;
1420
+ }
1421
+ .ui.inverted.table td.marked.green.left,
1422
+ .ui.inverted.table tr.marked.green.left {
1423
+ -webkit-box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1424
+ box-shadow: 0.2em 0 0 0 #2ECC40 inset;
1425
+ }
1426
+ .ui.inverted.table td.marked.green.right,
1427
+ .ui.inverted.table tr.marked.green.right {
1428
+ -webkit-box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1429
+ box-shadow: -0.2em 0 0 0 #2ECC40 inset;
1430
+ }
812
1431
  .ui.teal.table {
813
1432
  border-top: 0.2em solid #00B5AD;
814
1433
  }
@@ -816,19 +1435,37 @@
816
1435
  background-color: #00B5AD;
817
1436
  color: #FFFFFF;
818
1437
  }
819
- .ui.ui.ui.ui.table tr.teal,
820
- .ui.ui.table td.teal {
821
- -webkit-box-shadow: 0 0 0 #00827c inset;
822
- box-shadow: 0 0 0 #00827c inset;
1438
+ .ui.ui.ui.ui.table tr.teal:not(.marked),
1439
+ .ui.ui.table td.teal:not(.marked) {
823
1440
  background: #e2ffff;
824
1441
  color: #10A3A3;
825
1442
  }
826
- .ui.ui.selectable.table tr.teal:hover,
827
- .ui.table tr td.selectable.teal:hover,
828
- .ui.selectable.table tr:hover td.teal {
1443
+ .ui.ui.selectable.table tr.teal:not(.marked):hover,
1444
+ .ui.table tr td.selectable.teal:not(.marked):hover,
1445
+ .ui.selectable.table tr:hover td.teal:not(.marked) {
829
1446
  background: #d8ffff;
830
1447
  color: #10A3A3;
831
1448
  }
1449
+ .ui.table td.marked.teal.left,
1450
+ .ui.table tr.marked.teal.left {
1451
+ -webkit-box-shadow: 0.2em 0 0 0 #00B5AD inset;
1452
+ box-shadow: 0.2em 0 0 0 #00B5AD inset;
1453
+ }
1454
+ .ui.table td.marked.teal.right,
1455
+ .ui.table tr.marked.teal.right {
1456
+ -webkit-box-shadow: -0.2em 0 0 0 #00B5AD inset;
1457
+ box-shadow: -0.2em 0 0 0 #00B5AD inset;
1458
+ }
1459
+ .ui.inverted.table td.marked.teal.left,
1460
+ .ui.inverted.table tr.marked.teal.left {
1461
+ -webkit-box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1462
+ box-shadow: 0.2em 0 0 0 #6DFFFF inset;
1463
+ }
1464
+ .ui.inverted.table td.marked.teal.right,
1465
+ .ui.inverted.table tr.marked.teal.right {
1466
+ -webkit-box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1467
+ box-shadow: -0.2em 0 0 0 #6DFFFF inset;
1468
+ }
832
1469
  .ui.blue.table {
833
1470
  border-top: 0.2em solid #2185D0;
834
1471
  }
@@ -836,19 +1473,37 @@
836
1473
  background-color: #2185D0;
837
1474
  color: #FFFFFF;
838
1475
  }
839
- .ui.ui.ui.ui.table tr.blue,
840
- .ui.ui.table td.blue {
841
- -webkit-box-shadow: 0 0 0 #1a69a4 inset;
842
- box-shadow: 0 0 0 #1a69a4 inset;
1476
+ .ui.ui.ui.ui.table tr.blue:not(.marked),
1477
+ .ui.ui.table td.blue:not(.marked) {
843
1478
  background: #ddf4ff;
844
1479
  color: #2185D0;
845
1480
  }
846
- .ui.ui.selectable.table tr.blue:hover,
847
- .ui.table tr td.selectable.blue:hover,
848
- .ui.selectable.table tr:hover td.blue {
1481
+ .ui.ui.selectable.table tr.blue:not(.marked):hover,
1482
+ .ui.table tr td.selectable.blue:not(.marked):hover,
1483
+ .ui.selectable.table tr:hover td.blue:not(.marked) {
849
1484
  background: #d3f1ff;
850
1485
  color: #2185D0;
851
1486
  }
1487
+ .ui.table td.marked.blue.left,
1488
+ .ui.table tr.marked.blue.left {
1489
+ -webkit-box-shadow: 0.2em 0 0 0 #2185D0 inset;
1490
+ box-shadow: 0.2em 0 0 0 #2185D0 inset;
1491
+ }
1492
+ .ui.table td.marked.blue.right,
1493
+ .ui.table tr.marked.blue.right {
1494
+ -webkit-box-shadow: -0.2em 0 0 0 #2185D0 inset;
1495
+ box-shadow: -0.2em 0 0 0 #2185D0 inset;
1496
+ }
1497
+ .ui.inverted.table td.marked.blue.left,
1498
+ .ui.inverted.table tr.marked.blue.left {
1499
+ -webkit-box-shadow: 0.2em 0 0 0 #54C8FF inset;
1500
+ box-shadow: 0.2em 0 0 0 #54C8FF inset;
1501
+ }
1502
+ .ui.inverted.table td.marked.blue.right,
1503
+ .ui.inverted.table tr.marked.blue.right {
1504
+ -webkit-box-shadow: -0.2em 0 0 0 #54C8FF inset;
1505
+ box-shadow: -0.2em 0 0 0 #54C8FF inset;
1506
+ }
852
1507
  .ui.violet.table {
853
1508
  border-top: 0.2em solid #6435C9;
854
1509
  }
@@ -856,19 +1511,37 @@
856
1511
  background-color: #6435C9;
857
1512
  color: #FFFFFF;
858
1513
  }
859
- .ui.ui.ui.ui.table tr.violet,
860
- .ui.ui.table td.violet {
861
- -webkit-box-shadow: 0 0 0 #502aa1 inset;
862
- box-shadow: 0 0 0 #502aa1 inset;
1514
+ .ui.ui.ui.ui.table tr.violet:not(.marked),
1515
+ .ui.ui.table td.violet:not(.marked) {
863
1516
  background: #ece9fe;
864
1517
  color: #6435C9;
865
1518
  }
866
- .ui.ui.selectable.table tr.violet:hover,
867
- .ui.table tr td.selectable.violet:hover,
868
- .ui.selectable.table tr:hover td.violet {
1519
+ .ui.ui.selectable.table tr.violet:not(.marked):hover,
1520
+ .ui.table tr td.selectable.violet:not(.marked):hover,
1521
+ .ui.selectable.table tr:hover td.violet:not(.marked) {
869
1522
  background: #e3deff;
870
1523
  color: #6435C9;
871
1524
  }
1525
+ .ui.table td.marked.violet.left,
1526
+ .ui.table tr.marked.violet.left {
1527
+ -webkit-box-shadow: 0.2em 0 0 0 #6435C9 inset;
1528
+ box-shadow: 0.2em 0 0 0 #6435C9 inset;
1529
+ }
1530
+ .ui.table td.marked.violet.right,
1531
+ .ui.table tr.marked.violet.right {
1532
+ -webkit-box-shadow: -0.2em 0 0 0 #6435C9 inset;
1533
+ box-shadow: -0.2em 0 0 0 #6435C9 inset;
1534
+ }
1535
+ .ui.inverted.table td.marked.violet.left,
1536
+ .ui.inverted.table tr.marked.violet.left {
1537
+ -webkit-box-shadow: 0.2em 0 0 0 #A291FB inset;
1538
+ box-shadow: 0.2em 0 0 0 #A291FB inset;
1539
+ }
1540
+ .ui.inverted.table td.marked.violet.right,
1541
+ .ui.inverted.table tr.marked.violet.right {
1542
+ -webkit-box-shadow: -0.2em 0 0 0 #A291FB inset;
1543
+ box-shadow: -0.2em 0 0 0 #A291FB inset;
1544
+ }
872
1545
  .ui.purple.table {
873
1546
  border-top: 0.2em solid #A333C8;
874
1547
  }
@@ -876,19 +1549,37 @@
876
1549
  background-color: #A333C8;
877
1550
  color: #FFFFFF;
878
1551
  }
879
- .ui.ui.ui.ui.table tr.purple,
880
- .ui.ui.table td.purple {
881
- -webkit-box-shadow: 0 0 0 #82299f inset;
882
- box-shadow: 0 0 0 #82299f inset;
1552
+ .ui.ui.ui.ui.table tr.purple:not(.marked),
1553
+ .ui.ui.table td.purple:not(.marked) {
883
1554
  background: #f8e3ff;
884
1555
  color: #A333C8;
885
1556
  }
886
- .ui.ui.selectable.table tr.purple:hover,
887
- .ui.table tr td.selectable.purple:hover,
888
- .ui.selectable.table tr:hover td.purple {
1557
+ .ui.ui.selectable.table tr.purple:not(.marked):hover,
1558
+ .ui.table tr td.selectable.purple:not(.marked):hover,
1559
+ .ui.selectable.table tr:hover td.purple:not(.marked) {
889
1560
  background: #f5d9ff;
890
1561
  color: #A333C8;
891
1562
  }
1563
+ .ui.table td.marked.purple.left,
1564
+ .ui.table tr.marked.purple.left {
1565
+ -webkit-box-shadow: 0.2em 0 0 0 #A333C8 inset;
1566
+ box-shadow: 0.2em 0 0 0 #A333C8 inset;
1567
+ }
1568
+ .ui.table td.marked.purple.right,
1569
+ .ui.table tr.marked.purple.right {
1570
+ -webkit-box-shadow: -0.2em 0 0 0 #A333C8 inset;
1571
+ box-shadow: -0.2em 0 0 0 #A333C8 inset;
1572
+ }
1573
+ .ui.inverted.table td.marked.purple.left,
1574
+ .ui.inverted.table tr.marked.purple.left {
1575
+ -webkit-box-shadow: 0.2em 0 0 0 #DC73FF inset;
1576
+ box-shadow: 0.2em 0 0 0 #DC73FF inset;
1577
+ }
1578
+ .ui.inverted.table td.marked.purple.right,
1579
+ .ui.inverted.table tr.marked.purple.right {
1580
+ -webkit-box-shadow: -0.2em 0 0 0 #DC73FF inset;
1581
+ box-shadow: -0.2em 0 0 0 #DC73FF inset;
1582
+ }
892
1583
  .ui.pink.table {
893
1584
  border-top: 0.2em solid #E03997;
894
1585
  }
@@ -896,19 +1587,37 @@
896
1587
  background-color: #E03997;
897
1588
  color: #FFFFFF;
898
1589
  }
899
- .ui.ui.ui.ui.table tr.pink,
900
- .ui.ui.table td.pink {
901
- -webkit-box-shadow: 0 0 0 #c71f7e inset;
902
- box-shadow: 0 0 0 #c71f7e inset;
1590
+ .ui.ui.ui.ui.table tr.pink:not(.marked),
1591
+ .ui.ui.table td.pink:not(.marked) {
903
1592
  background: #ffe8f9;
904
1593
  color: #E03997;
905
1594
  }
906
- .ui.ui.selectable.table tr.pink:hover,
907
- .ui.table tr td.selectable.pink:hover,
908
- .ui.selectable.table tr:hover td.pink {
1595
+ .ui.ui.selectable.table tr.pink:not(.marked):hover,
1596
+ .ui.table tr td.selectable.pink:not(.marked):hover,
1597
+ .ui.selectable.table tr:hover td.pink:not(.marked) {
909
1598
  background: #ffdef6;
910
1599
  color: #E03997;
911
1600
  }
1601
+ .ui.table td.marked.pink.left,
1602
+ .ui.table tr.marked.pink.left {
1603
+ -webkit-box-shadow: 0.2em 0 0 0 #E03997 inset;
1604
+ box-shadow: 0.2em 0 0 0 #E03997 inset;
1605
+ }
1606
+ .ui.table td.marked.pink.right,
1607
+ .ui.table tr.marked.pink.right {
1608
+ -webkit-box-shadow: -0.2em 0 0 0 #E03997 inset;
1609
+ box-shadow: -0.2em 0 0 0 #E03997 inset;
1610
+ }
1611
+ .ui.inverted.table td.marked.pink.left,
1612
+ .ui.inverted.table tr.marked.pink.left {
1613
+ -webkit-box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1614
+ box-shadow: 0.2em 0 0 0 #FF8EDF inset;
1615
+ }
1616
+ .ui.inverted.table td.marked.pink.right,
1617
+ .ui.inverted.table tr.marked.pink.right {
1618
+ -webkit-box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1619
+ box-shadow: -0.2em 0 0 0 #FF8EDF inset;
1620
+ }
912
1621
  .ui.brown.table {
913
1622
  border-top: 0.2em solid #A5673F;
914
1623
  }
@@ -916,19 +1625,37 @@
916
1625
  background-color: #A5673F;
917
1626
  color: #FFFFFF;
918
1627
  }
919
- .ui.ui.ui.ui.table tr.brown,
920
- .ui.ui.table td.brown {
921
- -webkit-box-shadow: 0 0 0 #805031 inset;
922
- box-shadow: 0 0 0 #805031 inset;
1628
+ .ui.ui.ui.ui.table tr.brown:not(.marked),
1629
+ .ui.ui.table td.brown:not(.marked) {
923
1630
  background: #f7e5d2;
924
1631
  color: #A5673F;
925
1632
  }
926
- .ui.ui.selectable.table tr.brown:hover,
927
- .ui.table tr td.selectable.brown:hover,
928
- .ui.selectable.table tr:hover td.brown {
1633
+ .ui.ui.selectable.table tr.brown:not(.marked):hover,
1634
+ .ui.table tr td.selectable.brown:not(.marked):hover,
1635
+ .ui.selectable.table tr:hover td.brown:not(.marked) {
929
1636
  background: #efe0cf;
930
1637
  color: #A5673F;
931
1638
  }
1639
+ .ui.table td.marked.brown.left,
1640
+ .ui.table tr.marked.brown.left {
1641
+ -webkit-box-shadow: 0.2em 0 0 0 #A5673F inset;
1642
+ box-shadow: 0.2em 0 0 0 #A5673F inset;
1643
+ }
1644
+ .ui.table td.marked.brown.right,
1645
+ .ui.table tr.marked.brown.right {
1646
+ -webkit-box-shadow: -0.2em 0 0 0 #A5673F inset;
1647
+ box-shadow: -0.2em 0 0 0 #A5673F inset;
1648
+ }
1649
+ .ui.inverted.table td.marked.brown.left,
1650
+ .ui.inverted.table tr.marked.brown.left {
1651
+ -webkit-box-shadow: 0.2em 0 0 0 #D67C1C inset;
1652
+ box-shadow: 0.2em 0 0 0 #D67C1C inset;
1653
+ }
1654
+ .ui.inverted.table td.marked.brown.right,
1655
+ .ui.inverted.table tr.marked.brown.right {
1656
+ -webkit-box-shadow: -0.2em 0 0 0 #D67C1C inset;
1657
+ box-shadow: -0.2em 0 0 0 #D67C1C inset;
1658
+ }
932
1659
  .ui.grey.table {
933
1660
  border-top: 0.2em solid #767676;
934
1661
  }
@@ -936,19 +1663,37 @@
936
1663
  background-color: #767676;
937
1664
  color: #FFFFFF;
938
1665
  }
939
- .ui.ui.ui.ui.table tr.grey,
940
- .ui.ui.table td.grey {
941
- -webkit-box-shadow: 0 0 0 #5d5d5d inset;
942
- box-shadow: 0 0 0 #5d5d5d inset;
1666
+ .ui.ui.ui.ui.table tr.grey:not(.marked),
1667
+ .ui.ui.table td.grey:not(.marked) {
943
1668
  background: #DCDDDE;
944
1669
  color: #767676;
945
1670
  }
946
- .ui.ui.selectable.table tr.grey:hover,
947
- .ui.table tr td.selectable.grey:hover,
948
- .ui.selectable.table tr:hover td.grey {
1671
+ .ui.ui.selectable.table tr.grey:not(.marked):hover,
1672
+ .ui.table tr td.selectable.grey:not(.marked):hover,
1673
+ .ui.selectable.table tr:hover td.grey:not(.marked) {
949
1674
  background: #c2c4c5;
950
1675
  color: #767676;
951
1676
  }
1677
+ .ui.table td.marked.grey.left,
1678
+ .ui.table tr.marked.grey.left {
1679
+ -webkit-box-shadow: 0.2em 0 0 0 #767676 inset;
1680
+ box-shadow: 0.2em 0 0 0 #767676 inset;
1681
+ }
1682
+ .ui.table td.marked.grey.right,
1683
+ .ui.table tr.marked.grey.right {
1684
+ -webkit-box-shadow: -0.2em 0 0 0 #767676 inset;
1685
+ box-shadow: -0.2em 0 0 0 #767676 inset;
1686
+ }
1687
+ .ui.inverted.table td.marked.grey.left,
1688
+ .ui.inverted.table tr.marked.grey.left {
1689
+ -webkit-box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1690
+ box-shadow: 0.2em 0 0 0 #DCDDDE inset;
1691
+ }
1692
+ .ui.inverted.table td.marked.grey.right,
1693
+ .ui.inverted.table tr.marked.grey.right {
1694
+ -webkit-box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1695
+ box-shadow: -0.2em 0 0 0 #DCDDDE inset;
1696
+ }
952
1697
  .ui.black.table {
953
1698
  border-top: 0.2em solid #1B1C1D;
954
1699
  }
@@ -956,19 +1701,37 @@
956
1701
  background-color: #1B1C1D;
957
1702
  color: #FFFFFF;
958
1703
  }
959
- .ui.ui.ui.ui.table tr.black,
960
- .ui.ui.table td.black {
961
- -webkit-box-shadow: 0 0 0 #020203 inset;
962
- box-shadow: 0 0 0 #020203 inset;
1704
+ .ui.ui.ui.ui.table tr.black:not(.marked),
1705
+ .ui.ui.table td.black:not(.marked) {
963
1706
  background: #545454;
964
1707
  color: #FFFFFF;
965
1708
  }
966
- .ui.ui.selectable.table tr.black:hover,
967
- .ui.table tr td.selectable.black:hover,
968
- .ui.selectable.table tr:hover td.black {
1709
+ .ui.ui.selectable.table tr.black:not(.marked):hover,
1710
+ .ui.table tr td.selectable.black:not(.marked):hover,
1711
+ .ui.selectable.table tr:hover td.black:not(.marked) {
969
1712
  background: #000000;
970
1713
  color: #FFFFFF;
971
1714
  }
1715
+ .ui.table td.marked.black.left,
1716
+ .ui.table tr.marked.black.left {
1717
+ -webkit-box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1718
+ box-shadow: 0.2em 0 0 0 #1B1C1D inset;
1719
+ }
1720
+ .ui.table td.marked.black.right,
1721
+ .ui.table tr.marked.black.right {
1722
+ -webkit-box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1723
+ box-shadow: -0.2em 0 0 0 #1B1C1D inset;
1724
+ }
1725
+ .ui.inverted.table td.marked.black.left,
1726
+ .ui.inverted.table tr.marked.black.left {
1727
+ -webkit-box-shadow: 0.2em 0 0 0 #545454 inset;
1728
+ box-shadow: 0.2em 0 0 0 #545454 inset;
1729
+ }
1730
+ .ui.inverted.table td.marked.black.right,
1731
+ .ui.inverted.table tr.marked.black.right {
1732
+ -webkit-box-shadow: -0.2em 0 0 0 #545454 inset;
1733
+ box-shadow: -0.2em 0 0 0 #545454 inset;
1734
+ }
972
1735
 
973
1736
  /*--------------
974
1737
  Column Count
@@ -1092,8 +1855,8 @@
1092
1855
  }
1093
1856
 
1094
1857
  /*--------------
1095
- Sortable
1096
- ---------------*/
1858
+ Sortable
1859
+ ---------------*/
1097
1860
 
1098
1861
  .ui.sortable.table > thead > tr > th {
1099
1862
  cursor: pointer;
@@ -1174,8 +1937,8 @@
1174
1937
  }
1175
1938
 
1176
1939
  /*--------------
1177
- Inverted
1178
- ---------------*/
1940
+ Inverted
1941
+ ---------------*/
1179
1942
 
1180
1943
 
1181
1944
  /* Text Color */
@@ -1187,12 +1950,14 @@
1187
1950
  .ui.ui.inverted.table > thead > tr > th,
1188
1951
  .ui.ui.inverted.table > tbody > tr > th,
1189
1952
  .ui.ui.inverted.table > tfoot > tr > th,
1953
+ .ui.ui.inverted.table > tfoot > tr > td,
1190
1954
  .ui.ui.inverted.table > tr > th {
1191
1955
  background-color: rgba(0, 0, 0, 0.15);
1192
1956
  border-color: rgba(255, 255, 255, 0.1);
1193
1957
  color: rgba(255, 255, 255, 0.9);
1194
1958
  }
1195
1959
  .ui.inverted.table > tbody > tr > td,
1960
+ .ui.inverted.table > tfoot > tr > td,
1196
1961
  .ui.inverted.table > tr > td {
1197
1962
  border-color: rgba(255, 255, 255, 0.1);
1198
1963
  }
@@ -1215,23 +1980,23 @@
1215
1980
  .ui.inverted.definition.table > thead:not(.full-width) > tr > th:first-child {
1216
1981
  background: #FFFFFF;
1217
1982
  }
1218
- .ui.inverted.definition.table > tbody > tr > td:first-child,
1983
+ .ui.inverted.definition.table > tbody > tr > td:first-child .ui.inverted.definition.table > tfoot > tr > td:first-child,
1219
1984
  .ui.inverted.definition.table > tr > td:first-child {
1220
1985
  background: rgba(255, 255, 255, 0.02);
1221
1986
  color: #ffffff;
1222
1987
  }
1223
1988
 
1224
1989
  /*--------------
1225
- Collapsing
1226
- ---------------*/
1990
+ Collapsing
1991
+ ---------------*/
1227
1992
 
1228
1993
  .ui.collapsing.table {
1229
1994
  width: auto;
1230
1995
  }
1231
1996
 
1232
1997
  /*--------------
1233
- Basic
1234
- ---------------*/
1998
+ Basic
1999
+ ---------------*/
1235
2000
 
1236
2001
  .ui.basic.table {
1237
2002
  background: transparent;
@@ -1255,6 +2020,7 @@
1255
2020
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
1256
2021
  }
1257
2022
  .ui.basic.table > tbody > tr > td,
2023
+ .ui.basic.table > tfoot > tr > td,
1258
2024
  .ui.basic.table > tr > td {
1259
2025
  background: transparent;
1260
2026
  }
@@ -1279,7 +2045,8 @@
1279
2045
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:first-child,
1280
2046
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:first-child,
1281
2047
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:first-child,
1282
- .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child {
2048
+ .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:first-child,
2049
+ .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:first-child {
1283
2050
  padding-left: 0;
1284
2051
  }
1285
2052
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > th:last-child,
@@ -1287,7 +2054,8 @@
1287
2054
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > th:last-child,
1288
2055
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > th:last-child,
1289
2056
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > tr > td:last-child,
1290
- .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child {
2057
+ .ui[class*="very basic"].table:not(.sortable):not(.striped) > tbody > tr > td:last-child,
2058
+ .ui[class*="very basic"].table:not(.sortable):not(.striped) > tfoot > tr > td:last-child {
1291
2059
  padding-right: 0;
1292
2060
  }
1293
2061
  .ui[class*="very basic"].table:not(.sortable):not(.striped) > thead > tr:first-child > th {
@@ -1295,15 +2063,16 @@
1295
2063
  }
1296
2064
 
1297
2065
  /*--------------
1298
- Celled
1299
- ---------------*/
2066
+ Celled
2067
+ ---------------*/
1300
2068
 
1301
2069
  .ui.celled.table > tr > th,
1302
2070
  .ui.celled.table > thead > tr > th,
1303
2071
  .ui.celled.table > tbody > tr > th,
1304
2072
  .ui.celled.table > tfoot > tr > th,
1305
2073
  .ui.celled.table > tr > td,
1306
- .ui.celled.table > tbody > tr > td {
2074
+ .ui.celled.table > tbody > tr > td,
2075
+ .ui.celled.table > tfoot > tr > td {
1307
2076
  border-left: 1px solid rgba(34, 36, 38, 0.1);
1308
2077
  }
1309
2078
  .ui.inverted.celled.table > tbody > tr > td,
@@ -1315,13 +2084,14 @@
1315
2084
  .ui.celled.table > tbody > tr > th:first-child,
1316
2085
  .ui.celled.table > tfoot > tr > th:first-child,
1317
2086
  .ui.celled.table > tr > td:first-child,
1318
- .ui.celled.table > tbody > tr > td:first-child {
2087
+ .ui.celled.table > tbody > tr > td:first-child,
2088
+ .ui.celled.table > tfoot > tr > td:first-child {
1319
2089
  border-left: none;
1320
2090
  }
1321
2091
 
1322
2092
  /*--------------
1323
- Padded
1324
- ---------------*/
2093
+ Padded
2094
+ ---------------*/
1325
2095
 
1326
2096
  .ui.padded.table > tr > th,
1327
2097
  .ui.padded.table > thead > tr > th,
@@ -1335,7 +2105,8 @@
1335
2105
  .ui.padded.table > tbody > tr > th,
1336
2106
  .ui.padded.table > tfoot > tr > th,
1337
2107
  .ui.padded.table > tr > td,
1338
- .ui.padded.table > tbody > tr > td {
2108
+ .ui.padded.table > tbody > tr > td,
2109
+ .ui.padded.table > tfoot > tr > td {
1339
2110
  padding: 1em 1em;
1340
2111
  }
1341
2112
 
@@ -1348,13 +2119,14 @@
1348
2119
  padding-right: 1.5em;
1349
2120
  }
1350
2121
  .ui[class*="very padded"].table > tr > td,
1351
- .ui[class*="very padded"].table > tbody > tr > td {
2122
+ .ui[class*="very padded"].table > tbody > tr > td,
2123
+ .ui[class*="very padded"].table > tfoot > tr > td {
1352
2124
  padding: 1.5em 1.5em;
1353
2125
  }
1354
2126
 
1355
2127
  /*--------------
1356
- Compact
1357
- ---------------*/
2128
+ Compact
2129
+ ---------------*/
1358
2130
 
1359
2131
  .ui.compact.table > tr > th,
1360
2132
  .ui.compact.table > thead > tr > th,
@@ -1364,7 +2136,8 @@
1364
2136
  padding-right: 0.7em;
1365
2137
  }
1366
2138
  .ui.compact.table > tr > td,
1367
- .ui.compact.table > tbody > tr > td {
2139
+ .ui.compact.table > tbody > tr > td,
2140
+ .ui.compact.table > tfoot > tr > td {
1368
2141
  padding: 0.5em 0.7em;
1369
2142
  }
1370
2143
 
@@ -1377,7 +2150,8 @@
1377
2150
  padding-right: 0.6em;
1378
2151
  }
1379
2152
  .ui[class*="very compact"].table > tr > td,
1380
- .ui[class*="very compact"].table > tbody > tr > td {
2153
+ .ui[class*="very compact"].table > tbody > tr > td,
2154
+ .ui[class*="very compact"].table > tfoot > tr > td {
1381
2155
  padding: 0.4em 0.6em;
1382
2156
  }
1383
2157
 
@@ -1386,20 +2160,31 @@
1386
2160
  ---------------*/
1387
2161
 
1388
2162
 
1389
- /* Small */
1390
- .ui.small.table {
1391
- font-size: 0.9em;
1392
- }
1393
-
1394
2163
  /* Standard */
1395
2164
  .ui.table {
1396
2165
  font-size: 1em;
1397
2166
  }
1398
-
1399
- /* Large */
2167
+ .ui.mini.table {
2168
+ font-size: 0.78571429rem;
2169
+ }
2170
+ .ui.tiny.table {
2171
+ font-size: 0.85714286rem;
2172
+ }
2173
+ .ui.small.table {
2174
+ font-size: 0.9em;
2175
+ }
1400
2176
  .ui.large.table {
1401
2177
  font-size: 1.1em;
1402
2178
  }
2179
+ .ui.big.table {
2180
+ font-size: 1.28571429rem;
2181
+ }
2182
+ .ui.huge.table {
2183
+ font-size: 1.42857143rem;
2184
+ }
2185
+ .ui.massive.table {
2186
+ font-size: 1.71428571rem;
2187
+ }
1403
2188
 
1404
2189
 
1405
2190
  /*******************************