fomantic-ui-sass 2.7.8 → 2.8.1

Sign up to get free protection for your applications and to get access to all the features.
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
  /*******************************