semantic-ui-sass 0.8.1.0 → 0.8.2.0

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 (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. data/spec/dummy/config/database.yml +0 -25
@@ -17,68 +17,40 @@
17
17
  position: relative;
18
18
  min-height: 18px;
19
19
  margin: 1em 0em;
20
-
21
20
  height: auto;
22
21
  background-color: #EFEFEF;
23
22
  padding: 1em;
24
-
25
23
  line-height: 1.33;
26
24
  color: rgba(0, 0, 0, 0.6);
27
-
28
- -webkit-transition:
29
- opacity 0.1s ease,
30
- color 0.1s ease,
31
- background 0.1s ease,
32
- box-shadow 0.1s ease
33
- ;
34
- -moz-transition:
35
- opacity 0.1s ease,
36
- color 0.1s ease,
37
- background 0.1s ease,
38
- box-shadow 0.1s ease
39
- ;
40
- -o-transition:
41
- opacity 0.1s ease,
25
+ -webkit-transition: opacity 0.1s ease,
42
26
  color 0.1s ease,
43
27
  background 0.1s ease,
44
- box-shadow 0.1s ease
45
- ;
46
- -ms-transition:
47
- opacity 0.1s ease,
28
+ -webkit-box-shadow 0.1s ease;
29
+ transition: opacity 0.1s ease,
48
30
  color 0.1s ease,
49
31
  background 0.1s ease,
50
- box-shadow 0.1s ease
51
- ;
52
- transition:
53
- opacity 0.1s ease,
54
- color 0.1s ease,
55
- background 0.1s ease,
56
- box-shadow 0.1s ease
57
- ;
58
-
32
+ box-shadow 0.1s ease;
59
33
  -webkit-box-sizing: border-box;
60
34
  -moz-box-sizing: border-box;
61
35
  -ms-box-sizing: border-box;
62
36
  box-sizing: border-box;
63
-
64
- -webkit-border-radius: 0.325em 0.325em 0.325em 0.325em;
65
- -moz-border-radius: 0.325em 0.325em 0.325em 0.325em;
66
37
  border-radius: 0.325em 0.325em 0.325em 0.325em;
67
38
  }
68
39
 
69
40
  .ui.message:first-child {
70
41
  margin-top: 0em;
71
42
  }
43
+
72
44
  .ui.message:last-child {
73
45
  margin-bottom: 0em;
74
46
  }
75
47
 
76
-
77
48
  /*--------------
78
49
  Content
79
50
  ---------------*/
80
51
 
81
52
  /* block with headers */
53
+
82
54
  .ui.message .header {
83
55
  margin: 0em;
84
56
  font-size: 1.33em;
@@ -86,83 +58,78 @@
86
58
  }
87
59
 
88
60
  /* block with paragraphs */
61
+
89
62
  .ui.message p {
90
63
  opacity: 0.85;
91
64
  margin: 1em 0em;
92
65
  }
66
+
93
67
  .ui.message p:first-child {
94
68
  margin-top: 0em;
95
69
  }
70
+
96
71
  .ui.message p:last-child {
97
72
  margin-bottom: 0em;
98
73
  }
74
+
99
75
  .ui.message .header + p {
100
76
  margin-top: 0.3em;
101
77
  }
78
+
102
79
  .ui.message > :first-child {
103
80
  margin-top: 0em;
104
81
  }
82
+
105
83
  .ui.message > :last-child {
106
84
  margin-bottom: 0em;
107
85
  }
108
86
 
109
87
  /* block with child list */
88
+
110
89
  .ui.message ul.list {
111
90
  opacity: 0.85;
112
91
  list-style-position: inside;
113
92
  margin: 0.2em 0em;
114
93
  padding: 0em;
115
94
  }
95
+
116
96
  .ui.message ul.list li {
117
97
  position: relative;
118
98
  list-style-type: none;
119
99
  margin: 0em 0em 0.3em 1em;
120
100
  padding: 0em;
121
101
  }
102
+
122
103
  .ui.message ul.list li:before {
123
104
  position: absolute;
124
105
  content: '\2022';
125
106
  top: -0.05em;
126
107
  left: -0.8em;
127
-
128
108
  height: 100%;
129
109
  vertical-align: baseline;
130
110
  opacity: 0.5;
131
111
  }
112
+
132
113
  .ui.message ul.list li:first-child {
133
114
  margin-top: 0em;
134
115
  }
135
116
 
136
117
  /* dismissable block */
118
+
137
119
  .ui.message > .close.icon {
138
120
  cursor: pointer;
139
121
  position: absolute;
140
122
  top: 1em;
141
123
  right: 0.5em;
142
124
  opacity: 0.7;
143
-
144
- -webkit-transition:
145
- opacity 0.1s linear
146
- ;
147
- -moz-transition:
148
- opacity 0.1s linear
149
- ;
150
- -o-transition:
151
- opacity 0.1s linear
152
- ;
153
- -ms-transition:
154
- opacity 0.1s linear
155
- ;
156
- transition:
157
- opacity 0.1s linear
158
- ;
125
+ -webkit-transition: opacity 0.1s linear;
126
+ transition: opacity 0.1s linear;
159
127
  }
128
+
160
129
  .ui.message > .close.icon:hover {
161
130
  opacity: 1;
162
131
  }
163
132
 
164
-
165
-
166
133
  /*******************************
167
134
  States
168
135
  *******************************/
@@ -171,6 +138,7 @@
171
138
  .ui.header.visible {
172
139
  display: block !important;
173
140
  }
141
+
174
142
  .ui.message.hidden,
175
143
  .ui.header.hidden {
176
144
  display: none;
@@ -188,7 +156,6 @@
188
156
  display: inline-block;
189
157
  }
190
158
 
191
-
192
159
  /*--------------
193
160
  Attached
194
161
  ---------------*/
@@ -197,30 +164,16 @@
197
164
  margin-left: -1px;
198
165
  margin-right: -1px;
199
166
  margin-bottom: -1px;
200
-
201
- -webkit-border-radius: 0.325em 0.325em 0em 0em;
202
- -moz-border-radius: 0.325em 0.325em 0em 0em;
203
167
  border-radius: 0.325em 0.325em 0em 0em;
204
-
205
- -webkit-box-shadow:
206
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
207
- ;
208
- -moz-box-shadow:
209
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
210
- ;
211
- box-shadow:
212
- 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset
213
- ;
168
+ -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
169
+ box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.1) inset;
214
170
  }
171
+
215
172
  .ui.bottom.attached.message {
216
173
  margin-top: -1px;
217
-
218
- -webkit-border-radius: 0em 0em 0.325em 0.325em;
219
- -moz-border-radius: 0em 0em 0.325em 0.325em;
220
174
  border-radius: 0em 0em 0.325em 0.325em;
221
175
  }
222
176
 
223
-
224
177
  /*--------------
225
178
  Icon
226
179
  ---------------*/
@@ -229,15 +182,18 @@
229
182
  display: table;
230
183
  width: 100%;
231
184
  }
185
+
232
186
  .ui.icon.message > .icon {
233
187
  display: table-cell;
234
188
  vertical-align: middle;
235
189
  font-size: 3.8em;
236
190
  opacity: 0.5;
237
191
  }
192
+
238
193
  .ui.icon.message > .icon + .content {
239
194
  padding-left: 1em;
240
195
  }
196
+
241
197
  .ui.icon.message > .content {
242
198
  display: table-cell;
243
199
  vertical-align: middle;
@@ -252,27 +208,17 @@
252
208
  color: rgba(255, 255, 255, 0.95);
253
209
  }
254
210
 
255
-
256
211
  /*--------------
257
212
  Floating
258
213
  ---------------*/
259
214
 
260
215
  .ui.floating.message {
261
- -webkit-box-shadow:
262
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
263
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
264
- ;
265
- -moz-box-shadow:
266
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
267
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
268
- ;
269
- box-shadow:
270
- 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
271
- 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
272
- ;
216
+ -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
217
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
218
+ box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
219
+ 0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset;
273
220
  }
274
221
 
275
-
276
222
  /*--------------
277
223
  Colors
278
224
  ---------------*/
@@ -282,11 +228,10 @@
282
228
  color: rgba(255, 255, 255, 0.95);
283
229
  }
284
230
 
285
-
286
-
287
231
  /*--------------
288
232
  Types
289
233
  ---------------*/
234
+
290
235
  .ui.blue.message,
291
236
  .ui.info.message {
292
237
  background-color: #E6F4F9;
@@ -294,37 +239,43 @@
294
239
  }
295
240
 
296
241
  /* Green Text Block */
242
+
297
243
  .ui.green.message {
298
244
  background-color: #DEFCD5;
299
245
  color: #52A954;
300
246
  }
301
247
 
302
248
  /* Yellow Text Block */
249
+
303
250
  .ui.yellow.message,
304
251
  .ui.warning.message {
305
252
  background-color: #F6F3D5;
306
253
  color: #96904D;
307
254
  }
255
+
308
256
  /* Red Text Block */
257
+
309
258
  .ui.red.message {
310
259
  background-color: #F1D7D7;
311
260
  color: #A95252;
312
261
  }
313
262
 
314
263
  /* Success Text Block */
264
+
315
265
  .ui.success.message,
316
266
  .ui.positive.message {
317
267
  background-color: #DEFCD5;
318
268
  color: #52A954;
319
269
  }
270
+
320
271
  /* Error Text Block */
272
+
321
273
  .ui.error.message,
322
274
  .ui.negative.message {
323
275
  background-color: #F1D7D7;
324
276
  color: #A95252;
325
277
  }
326
278
 
327
-
328
279
  /*--------------
329
280
  Sizes
330
281
  ---------------*/
@@ -332,15 +283,19 @@
332
283
  .ui.small.message {
333
284
  font-size: 0.875em;
334
285
  }
286
+
335
287
  .ui.message {
336
288
  font-size: 1em;
337
289
  }
290
+
338
291
  .ui.large.message {
339
292
  font-size: 1.125em;
340
293
  }
294
+
341
295
  .ui.huge.message {
342
296
  font-size: 1.5em;
343
297
  }
298
+
344
299
  .ui.massive.message {
345
300
  font-size: 2em;
346
301
  }
@@ -14,96 +14,105 @@
14
14
  *******************************/
15
15
 
16
16
  /* Prototype */
17
+
17
18
  .ui.table {
18
19
  width: 100%;
19
20
  border-collapse: collapse;
20
21
  }
21
22
 
22
23
  /* Table Content */
24
+
23
25
  .ui.table th,
24
26
  .ui.table tr,
25
27
  .ui.table td {
26
28
  border-collapse: collapse;
27
-
28
29
  -webkit-box-sizing: border-box;
29
30
  -moz-box-sizing: border-box;
30
31
  -ms-box-sizing: border-box;
31
32
  box-sizing: border-box;
32
-
33
33
  -webkit-transition: all 0.1s ease-out;
34
- -moz-transition: all 0.1s ease-out;
35
- -o-transition: all 0.1s ease-out;
36
- -ms-transition: all 0.1s ease-out;
37
34
  transition: all 0.1s ease-out;
38
35
  }
39
36
 
40
37
  /* Headers */
38
+
41
39
  .ui.table thead {
42
40
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
43
41
  }
42
+
44
43
  .ui.table tfoot th {
45
44
  background-color: rgba(0, 0, 0, 0.03);
46
45
  }
46
+
47
47
  .ui.table th {
48
48
  cursor: auto;
49
-
50
49
  background-color: rgba(0, 0, 0, 0.05);
51
-
52
50
  text-align: left;
53
51
  color: rgba(0, 0, 0, 0.8);
54
52
  padding: 0.5em 0.7em;
55
53
  vertical-align: middle;
56
54
  }
55
+
57
56
  .ui.table thead th:first-child {
58
57
  border-radius: 5px 0px 0px 0px;
59
58
  }
59
+
60
60
  .ui.table thead th:last-child {
61
61
  border-radius: 0px 5px 0px 0px;
62
62
  }
63
+
63
64
  .ui.table tfoot th:first-child {
64
65
  border-radius: 0px 0px 0px 5px;
65
66
  }
67
+
66
68
  .ui.table tfoot th:last-child {
67
69
  border-radius: 0px 0px 5px 0px;
68
70
  }
69
71
 
70
72
  /* Table Cells */
73
+
71
74
  .ui.table td {
72
75
  padding: 0.40em 0.7em;
73
76
  vertical-align: middle;
74
77
  }
75
78
 
76
79
  /* Footer */
80
+
77
81
  .ui.table tfoot {
78
82
  border-top: 1px solid rgba(0, 0, 0, 0.03);
79
83
  }
84
+
80
85
  .ui.table tfoot th {
81
86
  font-weight: normal;
82
87
  font-style: italic;
83
88
  }
84
89
 
85
90
  /* Table Striping */
91
+
86
92
  .ui.table tbody tr:nth-child(2n) {
87
93
  background-color: rgba(0, 0, 50, 0.02);
88
94
  }
89
95
 
90
96
  /* Icons */
97
+
91
98
  .ui.table > .icon {
92
99
  vertical-align: baseline;
93
100
  }
101
+
94
102
  .ui.table > .icon:only-child {
95
103
  margin: 0em;
96
104
  }
97
105
 
98
106
  /* Table Segment */
107
+
99
108
  .ui.table.segment:after {
100
109
  display: none;
101
110
  }
111
+
102
112
  .ui.table.segment.stacked:after {
103
113
  display: block;
104
114
  }
105
115
 
106
-
107
116
  /* Responsive */
108
117
 
109
118
  @media only screen and (max-width : 768px) {
@@ -111,13 +120,16 @@
111
120
  display: block;
112
121
  padding: 0em;
113
122
  }
123
+
114
124
  .ui.table thead,
115
125
  .ui.table tfoot {
116
126
  display: none;
117
127
  }
128
+
118
129
  .ui.table tbody {
119
130
  display: block;
120
131
  }
132
+
121
133
  .ui.table tr {
122
134
  display: block;
123
135
  }
@@ -127,18 +139,23 @@
127
139
  display: block;
128
140
  border: none !important;
129
141
  padding: 0.25em 0.75em;
142
+ -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
130
143
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.05) !important;
131
144
  }
145
+
132
146
  .ui.table td:first-child {
133
147
  font-weight: bold;
134
148
  padding-top: 1em;
135
149
  }
150
+
136
151
  .ui.table td:last-child {
152
+ -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
137
153
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.1) inset !important;
138
154
  padding-bottom: 1em;
139
155
  }
140
156
 
141
157
  /* Clear BG Colors */
158
+
142
159
  .ui.table tr > td.warning,
143
160
  .ui.table tr > td.error,
144
161
  .ui.table tr > td.active,
@@ -148,8 +165,6 @@
148
165
  }
149
166
  }
150
167
 
151
-
152
-
153
168
  /*******************************
154
169
  States
155
170
  *******************************/
@@ -159,6 +174,7 @@
159
174
  ---------------*/
160
175
 
161
176
  /* Sortable */
177
+
162
178
  .ui.sortable.table th.disabled:hover {
163
179
  cursor: auto;
164
180
  text-align: left;
@@ -166,18 +182,19 @@
166
182
  color: #333333;
167
183
  color: rgba(0, 0, 0, 0.8);
168
184
  }
185
+
169
186
  .ui.sortable.table thead th:hover {
170
187
  background-color: rgba(0, 0, 0, 0.13);
171
188
  color: rgba(0, 0, 0, 0.8);
172
189
  }
173
190
 
174
191
  /* Inverted Sortable */
192
+
175
193
  .ui.inverted.sortable.table thead th:hover {
176
194
  background-color: rgba(255, 255, 255, 0.13);
177
195
  color: rgba(255, 255, 255, 1);
178
196
  }
179
197
 
180
-
181
198
  /*--------------
182
199
  Positive
183
200
  ---------------*/
@@ -185,14 +202,15 @@
185
202
  .ui.table tr.positive,
186
203
  .ui.table td.positive {
187
204
  -webkit-box-shadow: 2px 0px 0px #119000 inset;
188
- -moz-box-shadow: 2px 0px 0px #119000 inset;
189
205
  box-shadow: 2px 0px 0px #119000 inset;
190
206
  }
207
+
191
208
  .ui.table tr.positive td,
192
209
  .ui.table td.positive {
193
210
  background-color: #F2F8F0 !important;
194
211
  color: #119000 !important;
195
212
  }
213
+
196
214
  .ui.celled.table tr.positive:hover td,
197
215
  .ui.celled.table tr:hover td.positive,
198
216
  .ui.table tr.positive:hover td,
@@ -209,14 +227,15 @@
209
227
  .ui.table tr.negative,
210
228
  .ui.table td.negative {
211
229
  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
212
- -moz-box-shadow: 2px 0px 0px #CD2929 inset;
213
230
  box-shadow: 2px 0px 0px #CD2929 inset;
214
231
  }
232
+
215
233
  .ui.table tr.negative td,
216
234
  .ui.table td.negative {
217
235
  background-color: #F9F4F4;
218
236
  color: #CD2929 !important;
219
237
  }
238
+
220
239
  .ui.celled.table tr.negative:hover td,
221
240
  .ui.celled.table tr:hover td.negative,
222
241
  .ui.table tr.negative:hover td,
@@ -233,15 +252,16 @@
233
252
  .ui.table tr.error,
234
253
  .ui.table td.error {
235
254
  -webkit-box-shadow: 2px 0px 0px #CD2929 inset;
236
- -moz-box-shadow: 2px 0px 0px #CD2929 inset;
237
255
  box-shadow: 2px 0px 0px #CD2929 inset;
238
256
  }
257
+
239
258
  .ui.table tr.error td,
240
259
  .ui.table td.error,
241
260
  .ui.table th.error {
242
261
  background-color: #F9F4F4;
243
262
  color: #CD2929;
244
263
  }
264
+
245
265
  .ui.celled.table tr.error:hover td,
246
266
  .ui.celled.table tr:hover td.error,
247
267
  .ui.table tr.error:hover td,
@@ -258,15 +278,16 @@
258
278
  .ui.table tr.warning,
259
279
  .ui.table td.warning {
260
280
  -webkit-box-shadow: 2px 0px 0px #7D6C00 inset;
261
- -moz-box-shadow: 2px 0px 0px #7D6C00 inset;
262
281
  box-shadow: 2px 0px 0px #7D6C00 inset;
263
282
  }
283
+
264
284
  .ui.table tr.warning td,
265
285
  .ui.table td.warning,
266
286
  .ui.table th.warning {
267
287
  background-color: #FBF6E9;
268
288
  color: #7D6C00;
269
289
  }
290
+
270
291
  .ui.celled.table tr.warning:hover td,
271
292
  .ui.celled.table tr:hover td.warning,
272
293
  .ui.table tr.warning:hover td,
@@ -276,7 +297,6 @@
276
297
  color: #7D6C00;
277
298
  }
278
299
 
279
-
280
300
  /*--------------
281
301
  Active
282
302
  ---------------*/
@@ -284,7 +304,6 @@
284
304
  .ui.table tr.active,
285
305
  .ui.table td.active {
286
306
  -webkit-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
287
- -moz-box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
288
307
  box-shadow: 2px 0px 0px rgba(50, 50, 50, 0.9) inset;
289
308
  }
290
309
 
@@ -317,116 +336,145 @@
317
336
  .ui.two.column.table td {
318
337
  width: 50%;
319
338
  }
339
+
320
340
  .ui.three.column.table td {
321
341
  width: 33.3333%;
322
342
  }
343
+
323
344
  .ui.four.column.table td {
324
345
  width: 25%;
325
346
  }
347
+
326
348
  .ui.five.column.table td {
327
349
  width: 20%;
328
350
  }
351
+
329
352
  .ui.six.column.table td {
330
353
  width: 16.66667%;
331
354
  }
355
+
332
356
  .ui.seven.column.table td {
333
357
  width: 14.2857%;
334
358
  }
359
+
335
360
  .ui.eight.column.table td {
336
361
  width: 12.5%;
337
362
  }
363
+
338
364
  .ui.nine.column.table td {
339
365
  width: 11.1111%;
340
366
  }
367
+
341
368
  .ui.ten.column.table td {
342
369
  width: 10%;
343
370
  }
371
+
344
372
  .ui.eleven.column.table td {
345
373
  width: 9.0909%;
346
374
  }
375
+
347
376
  .ui.twelve.column.table td {
348
377
  width: 8.3333%;
349
378
  }
379
+
350
380
  .ui.thirteen.column.table td {
351
381
  width: 7.6923%;
352
382
  }
383
+
353
384
  .ui.fourteen.column.table td {
354
385
  width: 7.1428%;
355
386
  }
387
+
356
388
  .ui.fifteen.column.table td {
357
389
  width: 6.6666%;
358
390
  }
391
+
359
392
  .ui.sixteen.column.table td {
360
393
  width: 6.25%;
361
394
  }
362
395
 
363
396
  /* Column Width */
397
+
364
398
  .ui.table th.one.wide,
365
399
  .ui.table td.one.wide {
366
400
  width: 6.25%;
367
401
  }
402
+
368
403
  .ui.table th.two.wide,
369
404
  .ui.table td.two.wide {
370
405
  width: 12.5%;
371
406
  }
407
+
372
408
  .ui.table th.three.wide,
373
409
  .ui.table td.three.wide {
374
410
  width: 18.75%;
375
411
  }
412
+
376
413
  .ui.table th.four.wide,
377
414
  .ui.table td.four.wide {
378
415
  width: 25%;
379
416
  }
417
+
380
418
  .ui.table th.five.wide,
381
419
  .ui.table td.five.wide {
382
420
  width: 31.25%;
383
421
  }
422
+
384
423
  .ui.table th.six.wide,
385
424
  .ui.table td.six.wide {
386
425
  width: 37.5%;
387
426
  }
427
+
388
428
  .ui.table th.seven.wide,
389
429
  .ui.table td.seven.wide {
390
430
  width: 43.75%;
391
431
  }
432
+
392
433
  .ui.table th.eight.wide,
393
434
  .ui.table td.eight.wide {
394
435
  width: 50%;
395
436
  }
437
+
396
438
  .ui.table th.nine.wide,
397
439
  .ui.table td.nine.wide {
398
440
  width: 56.25%;
399
441
  }
442
+
400
443
  .ui.table th.ten.wide,
401
444
  .ui.table td.ten.wide {
402
445
  width: 62.5%;
403
446
  }
447
+
404
448
  .ui.table th.eleven.wide,
405
449
  .ui.table td.eleven.wide {
406
450
  width: 68.75%;
407
451
  }
452
+
408
453
  .ui.table th.twelve.wide,
409
454
  .ui.table td.twelve.wide {
410
455
  width: 75%;
411
456
  }
457
+
412
458
  .ui.table th.thirteen.wide,
413
459
  .ui.table td.thirteen.wide {
414
460
  width: 81.25%;
415
461
  }
462
+
416
463
  .ui.table th.fourteen.wide,
417
464
  .ui.table td.fourteen.wide {
418
465
  width: 87.5%;
419
466
  }
467
+
420
468
  .ui.table th.fifteen.wide,
421
469
  .ui.table td.fifteen.wide {
422
470
  width: 93.75%;
423
471
  }
472
+
424
473
  .ui.table th.sixteen.wide,
425
474
  .ui.table td.sixteen.wide {
426
475
  width: 100%;
427
476
  }
428
477
 
429
-
430
478
  /*--------------
431
479
  Celled
432
480
  ---------------*/
@@ -434,20 +482,24 @@
434
482
  .ui.celled.table {
435
483
  color: rgba(0, 0, 0, 0.8);
436
484
  }
485
+
437
486
  .ui.celled.table tbody tr,
438
487
  .ui.celled.table tfoot tr {
439
488
  border: none;
440
489
  }
490
+
441
491
  .ui.celled.table th,
442
492
  .ui.celled.table td {
443
493
  border: 1px solid rgba(0, 0, 0, 0.1);
444
494
  }
445
495
 
446
496
  /* Coupling with segment */
497
+
447
498
  .ui.celled.table.segment th:first-child,
448
499
  .ui.celled.table.segment td:first-child {
449
500
  border-left: none;
450
501
  }
502
+
451
503
  .ui.celled.table.segment th:last-child,
452
504
  .ui.celled.table.segment td:last-child {
453
505
  border-right: none;
@@ -461,6 +513,7 @@
461
513
  cursor: pointer;
462
514
  white-space: nowrap;
463
515
  }
516
+
464
517
  .ui.sortable.table thead th.sorted,
465
518
  .ui.sortable.table thead th.sorted:hover {
466
519
  -webkit-user-select: none;
@@ -474,17 +527,17 @@
474
527
  content: '';
475
528
  width: 1em;
476
529
  opacity: 0.8;
477
-
478
530
  margin: 0em 0em 0em 0.5em;
479
-
480
531
  font-family: 'Icons';
481
532
  font-style: normal;
482
533
  font-weight: normal;
483
534
  text-decoration: inherit;
484
535
  }
536
+
485
537
  .ui.sortable.table thead th.ascending:after {
486
538
  content: '\25b4';
487
539
  }
540
+
488
541
  .ui.sortable.table thead th.descending:after {
489
542
  content: '\25be';
490
543
  }
@@ -494,20 +547,22 @@
494
547
  ---------------*/
495
548
 
496
549
  /* Text Color */
550
+
497
551
  .ui.inverted.table td {
498
552
  color: rgba(255, 255, 255, 0.9);
499
553
  }
554
+
500
555
  .ui.inverted.table th {
501
556
  background-color: rgba(0, 0, 0, 0.15);
502
557
  color: rgba(255, 255, 255, 0.9);
503
558
  }
504
559
 
505
560
  /* Stripes */
561
+
506
562
  .ui.inverted.table tbody tr:nth-child(2n) {
507
563
  background-color: rgba(255, 255, 255, 0.06);
508
564
  }
509
565
 
510
-
511
566
  /*--------------
512
567
  Definition
513
568
  ---------------*/
@@ -516,7 +571,6 @@
516
571
  font-weight: bold;
517
572
  }
518
573
 
519
-
520
574
  /*--------------
521
575
  Collapsing
522
576
  ---------------*/
@@ -533,17 +587,19 @@
533
587
  background-color: transparent;
534
588
  padding: 0.5em;
535
589
  }
590
+
536
591
  .ui.basic.table tbody tr {
537
592
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
538
593
  }
594
+
539
595
  .ui.basic.table td {
540
596
  padding: 0.8em 0.5em;
541
597
  }
598
+
542
599
  .ui.basic.table tbody tr:nth-child(2n) {
543
600
  background-color: transparent !important;
544
601
  }
545
602
 
546
-
547
603
  /*--------------
548
604
  Padded
549
605
  ---------------*/
@@ -556,6 +612,7 @@
556
612
  .ui.compact.table th {
557
613
  padding: 0.3em 0.5em;
558
614
  }
615
+
559
616
  .ui.compact.table td {
560
617
  padding: 0.2em 0.5em;
561
618
  }
@@ -565,16 +622,19 @@
565
622
  ---------------*/
566
623
 
567
624
  /* Small */
625
+
568
626
  .ui.small.table {
569
627
  font-size: 0.875em;
570
628
  }
571
629
 
572
630
  /* Standard */
631
+
573
632
  .ui.table {
574
633
  font-size: 1em;
575
634
  }
576
635
 
577
636
  /* Large */
637
+
578
638
  .ui.large.table {
579
639
  font-size: 1.1em;
580
640
  }