semantic-ui-sass 0.8.1.0 → 0.8.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +8 -0
- data/README.md +1 -1
- data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
- data/app/assets/javascripts/semantic-ui/modal.js +11 -6
- data/app/assets/javascripts/semantic-ui/popup.js +0 -1
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
- data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
- data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
- data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
- data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
- data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- data/semantic-ui-sass.gemspec +1 -1
- data/spec/dummy/config/application.rb +1 -1
- data/spec/spec_helper.rb +0 -1
- data/tasks/converter.rb +7 -0
- metadata +4 -7
- 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
|
-
|
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
|
-
|
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
|
263
|
-
|
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
|
}
|