foo_table-rails 0.5.0 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (30) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +1 -1
  3. data/lib/foo_table-rails/version.rb +1 -1
  4. data/vendor/assets/javascripts/footable.core.js +353 -159
  5. data/vendor/assets/javascripts/footable.core.min.js +14 -0
  6. data/vendor/assets/javascripts/footable.filter.js +145 -92
  7. data/vendor/assets/javascripts/footable.filter.min.js +14 -0
  8. data/vendor/assets/javascripts/footable.paginate.js +90 -35
  9. data/vendor/assets/javascripts/footable.paginate.min.js +1 -0
  10. data/vendor/assets/javascripts/footable.sort.js +171 -146
  11. data/vendor/assets/javascripts/footable.sort.min.js +1 -0
  12. data/vendor/assets/stylesheets/fonts/footable.eot +0 -0
  13. data/vendor/assets/stylesheets/fonts/footable.svg +78 -0
  14. data/vendor/assets/stylesheets/fonts/footable.ttf +0 -0
  15. data/vendor/assets/stylesheets/fonts/footable.woff +0 -0
  16. data/vendor/assets/stylesheets/footable.all.css +407 -0
  17. data/vendor/assets/stylesheets/footable.all.min.css +3 -0
  18. data/vendor/assets/stylesheets/footable.core.css +147 -96
  19. data/vendor/assets/stylesheets/footable.core.min.css +1 -0
  20. data/vendor/assets/stylesheets/footable.metro.css +132 -0
  21. data/vendor/assets/stylesheets/footable.metro.min.css +1 -0
  22. data/vendor/assets/stylesheets/footable.standalone.css +106 -0
  23. data/vendor/assets/stylesheets/footable.standalone.min.css +1 -0
  24. metadata +16 -7
  25. data/vendor/assets/javascripts/footable.template.js +0 -44
  26. data/vendor/assets/stylesheets/footable.paginate.css +0 -31
  27. data/vendor/assets/stylesheets/footable.sort.css +0 -24
  28. data/vendor/assets/stylesheets/footable.theme.bootstrap-responsive.css +0 -1109
  29. data/vendor/assets/stylesheets/footable.theme.bootstrap-tab.js +0 -144
  30. data/vendor/assets/stylesheets/footable.theme.bootstrap.css +0 -6158
@@ -0,0 +1,407 @@
1
+ @font-face {
2
+ font-family: 'footable';
3
+ src: url('fonts/footable.eot');
4
+ src: url('fonts/footable.eot?#iefix') format('embedded-opentype'), url('fonts/footable.woff') format('woff'), url('fonts/footable.ttf') format('truetype'), url('fonts/footable.svg#footable') format('svg');
5
+ font-weight: normal;
6
+ font-style: normal;
7
+ }
8
+ @media screen and (-webkit-min-device-pixel-ratio: 0) {
9
+ @font-face {
10
+ font-family: 'footable';
11
+ src: url('fonts/footable.svg#footable') format('svg');
12
+ font-weight: normal;
13
+ font-style: normal;
14
+ }
15
+ }
16
+ .footable {
17
+ width: 100%;
18
+ /** SORTING **/
19
+
20
+ /** PAGINATION **/
21
+
22
+ }
23
+ .footable.breakpoint > tbody > tr.footable-detail-show > td {
24
+ border-bottom: none;
25
+ }
26
+ .footable.breakpoint > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
27
+ content: "\e001";
28
+ }
29
+ .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
30
+ cursor: pointer;
31
+ }
32
+ .footable.breakpoint > tbody > tr > td.footable-cell-detail {
33
+ background: #eee;
34
+ border-top: none;
35
+ }
36
+ .footable.breakpoint > tbody > tr > td > span.footable-toggle {
37
+ display: inline-block;
38
+ font-family: 'footable';
39
+ speak: none;
40
+ font-style: normal;
41
+ font-weight: normal;
42
+ font-variant: normal;
43
+ text-transform: none;
44
+ -webkit-font-smoothing: antialiased;
45
+ padding-right: 5px;
46
+ font-size: 14px;
47
+ color: #888888;
48
+ }
49
+ .footable.breakpoint > tbody > tr > td > span.footable-toggle:before {
50
+ content: "\e000";
51
+ }
52
+ .footable.breakpoint.toggle-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
53
+ content: "\e005";
54
+ }
55
+ .footable.breakpoint.toggle-circle > tbody > tr > td > span.footable-toggle:before {
56
+ content: "\e004";
57
+ }
58
+ .footable.breakpoint.toggle-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
59
+ content: "\e003";
60
+ }
61
+ .footable.breakpoint.toggle-circle-filled > tbody > tr > td > span.footable-toggle:before {
62
+ content: "\e002";
63
+ }
64
+ .footable.breakpoint.toggle-square > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
65
+ content: "\e007";
66
+ }
67
+ .footable.breakpoint.toggle-square > tbody > tr > td > span.footable-toggle:before {
68
+ content: "\e006";
69
+ }
70
+ .footable.breakpoint.toggle-square-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
71
+ content: "\e009";
72
+ }
73
+ .footable.breakpoint.toggle-square-filled > tbody > tr > td > span.footable-toggle:before {
74
+ content: "\e008";
75
+ }
76
+ .footable.breakpoint.toggle-arrow > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
77
+ content: "\e00f";
78
+ }
79
+ .footable.breakpoint.toggle-arrow > tbody > tr > td > span.footable-toggle:before {
80
+ content: "\e011";
81
+ }
82
+ .footable.breakpoint.toggle-arrow-small > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
83
+ content: "\e013";
84
+ }
85
+ .footable.breakpoint.toggle-arrow-small > tbody > tr > td > span.footable-toggle:before {
86
+ content: "\e015";
87
+ }
88
+ .footable.breakpoint.toggle-arrow-circle > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
89
+ content: "\e01b";
90
+ }
91
+ .footable.breakpoint.toggle-arrow-circle > tbody > tr > td > span.footable-toggle:before {
92
+ content: "\e01d";
93
+ }
94
+ .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
95
+ content: "\e00b";
96
+ }
97
+ .footable.breakpoint.toggle-arrow-circle-filled > tbody > tr > td > span.footable-toggle:before {
98
+ content: "\e00d";
99
+ }
100
+ .footable.breakpoint.toggle-arrow-tiny > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
101
+ content: "\e01f";
102
+ }
103
+ .footable.breakpoint.toggle-arrow-tiny > tbody > tr > td > span.footable-toggle:before {
104
+ content: "\e021";
105
+ }
106
+ .footable.breakpoint.toggle-arrow-alt > tbody > tr.footable-detail-show > td > span.footable-toggle:before {
107
+ content: "\e017";
108
+ }
109
+ .footable.breakpoint.toggle-arrow-alt > tbody > tr > td > span.footable-toggle:before {
110
+ content: "\e019";
111
+ }
112
+ .footable.breakpoint.toggle-medium > tbody > tr > td > span.footable-toggle {
113
+ font-size: 18px;
114
+ }
115
+ .footable.breakpoint.toggle-large > tbody > tr > td > span.footable-toggle {
116
+ font-size: 24px;
117
+ }
118
+ .footable > thead > tr > th.footable-sortable:hover {
119
+ cursor: pointer;
120
+ }
121
+ .footable > thead > tr > th.footable-sorted > span.footable-sort-indicator:before {
122
+ content: "\e013";
123
+ }
124
+ .footable > thead > tr > th.footable-sorted-desc > span.footable-sort-indicator:before {
125
+ content: "\e012";
126
+ }
127
+ .footable > thead > tr > th > span.footable-sort-indicator {
128
+ display: inline-block;
129
+ font-family: 'footable';
130
+ speak: none;
131
+ font-style: normal;
132
+ font-weight: normal;
133
+ font-variant: normal;
134
+ text-transform: none;
135
+ -webkit-font-smoothing: antialiased;
136
+ padding-left: 5px;
137
+ }
138
+ .footable > thead > tr > th > span.footable-sort-indicator:before {
139
+ content: "\e022";
140
+ }
141
+ .footable > tfoot .pagination {
142
+ margin: 0;
143
+ }
144
+ .footable.no-paging .hide-if-no-paging {
145
+ display: none;
146
+ }
147
+ .footable-row-detail-inner {
148
+ display: table;
149
+ }
150
+ .footable-row-detail-row {
151
+ display: table-row;
152
+ line-height: 1.5em;
153
+ }
154
+ .footable-row-detail-group {
155
+ display: block;
156
+ line-height: 2em;
157
+ font-size: 1.2em;
158
+ font-weight: bold;
159
+ }
160
+ .footable-row-detail-name {
161
+ display: table-cell;
162
+ font-weight: bold;
163
+ padding-right: 0.5em;
164
+ }
165
+ .footable-row-detail-value {
166
+ display: table-cell;
167
+ }
168
+
169
+ .footable {
170
+ border-collapse: separate;
171
+ border-spacing: 0;
172
+ width: 100%;
173
+ border: 3px solid #52b9e9;
174
+ font-family: "Open Sans", Arial, Helvetica, sans-serif;
175
+ color: #444444;
176
+ background: #efefef;
177
+ }
178
+ .footable.breakpoint > tbody > tr.footable-row-detail {
179
+ background: #eeeeee;
180
+ }
181
+ .footable.breakpoint > tbody > tr:hover:not(.footable-row-detail) {
182
+ cursor: pointer;
183
+ }
184
+ .footable.breakpoint > tbody > tr > td.footable-row-detail-cell {
185
+ background: #fff;
186
+ }
187
+ .footable > tbody img {
188
+ vertical-align: middle;
189
+ }
190
+ .footable > tbody > tr:hover:not(.footable-row-detail) {
191
+ background: #dddddd;
192
+ }
193
+ .footable > tbody > tr:hover:not(.footable-row-detail) > td {
194
+ color: #000000;
195
+ }
196
+ .footable > tbody > tr:last-child > td {
197
+ border-bottom: none;
198
+ }
199
+ .footable > tbody > tr > td {
200
+ border-bottom: 1px solid #dddddd;
201
+ padding: 10px;
202
+ text-align: left;
203
+ }
204
+ .footable > tbody > tr > td.footable-row-detail-cell,
205
+ .footable > tbody > tr > td.footable-first-column {
206
+ border-left: none;
207
+ }
208
+ .footable > thead > tr > th {
209
+ border-bottom: 1px solid #dddddd;
210
+ padding: 10px;
211
+ text-align: left;
212
+ }
213
+ .footable > thead > tr > th,
214
+ .footable > thead > tr > td {
215
+ background-color: #52b9e9;
216
+ border: 1px solid #52b9e9;
217
+ color: #ffffff;
218
+ border-top: none;
219
+ font-weight: normal;
220
+ }
221
+ .footable > thead > tr > th.footable-first-column,
222
+ .footable > thead > tr > td.footable-first-column {
223
+ border-left: none;
224
+ }
225
+ .footable > tfoot > tr > th,
226
+ .footable > tfoot > tr > td {
227
+ background-color: #52b9e9;
228
+ border: 1px solid #52b9e9;
229
+ color: #ffffff;
230
+ border-top: none;
231
+ padding: 5px;
232
+ }
233
+ .footable tfoot .pagination ul {
234
+ -webkit-box-shadow: none;
235
+ -moz-box-shadow: none;
236
+ box-shadow: none;
237
+ vertical-align: middle;
238
+ }
239
+ .footable tfoot .pagination ul > li > a,
240
+ .footable tfoot .pagination ul > li > span {
241
+ border: 2px solid transparent;
242
+ margin: 0 3px;
243
+ color: #ffffff;
244
+ background: transparent;
245
+ padding: 1px 5px;
246
+ }
247
+ .footable tfoot .pagination ul > li.disable > a {
248
+ color: #888;
249
+ }
250
+ .footable tfoot .pagination ul > li.active > a {
251
+ border-color: #ffffff;
252
+ }
253
+ .footable tfoot .pagination ul > li:first-child > a,
254
+ .footable tfoot .pagination ul > li:last-child > a,
255
+ .footable tfoot .pagination ul > li:first-child > span,
256
+ .footable tfoot .pagination ul > li:last-child > span {
257
+ -moz-border-radius: 0;
258
+ -webkit-border-radius: 0;
259
+ border-radius: 0;
260
+ }
261
+ .footable.metro-red {
262
+ border-color: #fa3031;
263
+ }
264
+ .footable.metro-red > tfoot > tr > th,
265
+ .footable.metro-red > thead > tr > th,
266
+ .footable.metro-red > tfoot > tr > td,
267
+ .footable.metro-red > thead > tr > td {
268
+ background-color: #fa3031;
269
+ border-color: #fa3031;
270
+ }
271
+ .footable.metro-purple {
272
+ border-color: #932ab6;
273
+ }
274
+ .footable.metro-purple > tfoot > tr > th,
275
+ .footable.metro-purple > thead > tr > th,
276
+ .footable.metro-purple > tfoot > tr > td,
277
+ .footable.metro-purple > thead > tr > td {
278
+ background-color: #932ab6;
279
+ border-color: #932ab6;
280
+ }
281
+ .footable.metro-green {
282
+ border-color: #43c83c;
283
+ }
284
+ .footable.metro-green > tfoot > tr > th,
285
+ .footable.metro-green > thead > tr > th,
286
+ .footable.metro-green > tfoot > tr > td,
287
+ .footable.metro-green > thead > tr > td {
288
+ background-color: #43c83c;
289
+ border-color: #43c83c;
290
+ }
291
+ .footable.metro-blue {
292
+ border-color: #1171a3;
293
+ }
294
+ .footable.metro-blue > tfoot > tr > th,
295
+ .footable.metro-blue > thead > tr > th,
296
+ .footable.metro-blue > tfoot > tr > td,
297
+ .footable.metro-blue > thead > tr > td {
298
+ background-color: #1171a3;
299
+ border-color: #1171a3;
300
+ }
301
+
302
+ .footable {
303
+ border-collapse: separate;
304
+ border-spacing: 0;
305
+ border: 1px solid #cccccc;
306
+ -moz-border-radius: 6px;
307
+ -webkit-border-radius: 6px;
308
+ border-radius: 6px;
309
+ font-family: 'trebuchet MS', 'Lucida sans', Arial;
310
+ font-size: 14px;
311
+ color: #444444;
312
+ }
313
+ .footable > thead > tr:first-child > th.footable-first-column,
314
+ .footable > thead > tr:first-child > td.footable-first-column {
315
+ -moz-border-radius: 6px 0 0 0;
316
+ -webkit-border-radius: 6px 0 0 0;
317
+ border-radius: 6px 0 0 0;
318
+ }
319
+ .footable > thead > tr:first-child > th.footable-last-column,
320
+ .footable > thead > tr:first-child > td.footable-last-column {
321
+ -moz-border-radius: 0 6px 0 0;
322
+ -webkit-border-radius: 0 6px 0 0;
323
+ border-radius: 0 6px 0 0;
324
+ }
325
+ .footable > thead > tr:first-child > th.footable-first-column.footable-last-column,
326
+ .footable > thead > tr:first-child > td.footable-first-column.footable-last-column {
327
+ -moz-border-radius: 6px 6px 0 0;
328
+ -webkit-border-radius: 6px 6px 0 0;
329
+ border-radius: 6px 6px 0 0;
330
+ }
331
+ .footable > thead > tr > th {
332
+ border-left: 1px solid #cccccc;
333
+ border-top: 1px solid #cccccc;
334
+ padding: 10px;
335
+ text-align: left;
336
+ }
337
+ .footable > thead > tr > th,
338
+ .footable > thead > tr > td {
339
+ background-color: #dce9f9;
340
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
341
+ background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
342
+ background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
343
+ background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
344
+ background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
345
+ background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
346
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
347
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
348
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
349
+ border-top: none;
350
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
351
+ }
352
+ .footable > thead > tr > th.footable-first-column,
353
+ .footable > thead > tr > td.footable-first-column {
354
+ border-left: none;
355
+ }
356
+ .footable.breakpoint > tbody > tr.footable-row-detail {
357
+ background: #eeeeee;
358
+ }
359
+ .footable.breakpoint > tbody > tr.footable-row-detail > .footable-row-detail-cell {
360
+ border-left: none;
361
+ }
362
+ .footable > tbody img {
363
+ vertical-align: middle;
364
+ }
365
+ .footable > tbody > tr:hover {
366
+ background: #fbf8e9;
367
+ }
368
+ .footable > tbody > tr:last-child > td.footable-first-column {
369
+ -moz-border-radius: 0 0 0 6px;
370
+ -webkit-border-radius: 0 0 0 6px;
371
+ border-radius: 0 0 0 6px;
372
+ }
373
+ .footable > tbody > tr:last-child > td.footable-last-column {
374
+ -moz-border-radius: 0 0 6px 0;
375
+ -webkit-border-radius: 0 0 6px 0;
376
+ border-radius: 0 0 6px 0;
377
+ }
378
+ .footable > tbody > tr:last-child > td.footable-first-column.footable-last-column {
379
+ -moz-border-radius: 0 0 6px 6px;
380
+ -webkit-border-radius: 0 0 6px 6px;
381
+ border-radius: 0 0 6px 6px;
382
+ }
383
+ .footable > tbody > tr > td {
384
+ border-top: 1px solid #cccccc;
385
+ border-left: 1px solid #cccccc;
386
+ padding: 10px;
387
+ text-align: left;
388
+ }
389
+ .footable > tbody > tr > td.footable-first-column {
390
+ border-left: none;
391
+ }
392
+ .footable > tfoot > tr > th,
393
+ .footable > tfoot > tr > td {
394
+ background-color: #dce9f9;
395
+ background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
396
+ background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
397
+ background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
398
+ background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
399
+ background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
400
+ background-image: linear-gradient(to bottom, #ebf3fc, #dce9f9);
401
+ -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
402
+ -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
403
+ box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
404
+ border-top: 1px solid #cccccc;
405
+ text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
406
+ padding: 10px;
407
+ }
@@ -0,0 +1,3 @@
1
+ @font-face{font-family:'footable';src:url('fonts/footable.eot');src:url('fonts/footable.eot?#iefix') format('embedded-opentype'),url('fonts/footable.woff') format('woff'),url('fonts/footable.ttf') format('truetype'),url('fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'footable';src:url('fonts/footable.svg#footable') format('svg');font-weight:normal;font-style:normal}}.footable{width:100%}.footable.breakpoint>tbody>tr.footable-detail-show>td{border-bottom:0}.footable.breakpoint>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e001"}.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}.footable.breakpoint>tbody>tr>td.footable-cell-detail{background:#eee;border-top:0}.footable.breakpoint>tbody>tr>td>span.footable-toggle{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-right:5px;font-size:14px;color:#888}.footable.breakpoint>tbody>tr>td>span.footable-toggle:before{content:"\e000"}.footable.breakpoint.toggle-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e005"}.footable.breakpoint.toggle-circle>tbody>tr>td>span.footable-toggle:before{content:"\e004"}.footable.breakpoint.toggle-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e003"}.footable.breakpoint.toggle-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e002"}.footable.breakpoint.toggle-square>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e007"}.footable.breakpoint.toggle-square>tbody>tr>td>span.footable-toggle:before{content:"\e006"}.footable.breakpoint.toggle-square-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e009"}.footable.breakpoint.toggle-square-filled>tbody>tr>td>span.footable-toggle:before{content:"\e008"}.footable.breakpoint.toggle-arrow>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00f"}.footable.breakpoint.toggle-arrow>tbody>tr>td>span.footable-toggle:before{content:"\e011"}.footable.breakpoint.toggle-arrow-small>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e013"}.footable.breakpoint.toggle-arrow-small>tbody>tr>td>span.footable-toggle:before{content:"\e015"}.footable.breakpoint.toggle-arrow-circle>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01b"}.footable.breakpoint.toggle-arrow-circle>tbody>tr>td>span.footable-toggle:before{content:"\e01d"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e00b"}.footable.breakpoint.toggle-arrow-circle-filled>tbody>tr>td>span.footable-toggle:before{content:"\e00d"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e01f"}.footable.breakpoint.toggle-arrow-tiny>tbody>tr>td>span.footable-toggle:before{content:"\e021"}.footable.breakpoint.toggle-arrow-alt>tbody>tr.footable-detail-show>td>span.footable-toggle:before{content:"\e017"}.footable.breakpoint.toggle-arrow-alt>tbody>tr>td>span.footable-toggle:before{content:"\e019"}.footable.breakpoint.toggle-medium>tbody>tr>td>span.footable-toggle{font-size:18px}.footable.breakpoint.toggle-large>tbody>tr>td>span.footable-toggle{font-size:24px}.footable>thead>tr>th.footable-sortable:hover{cursor:pointer}.footable>thead>tr>th.footable-sorted>span.footable-sort-indicator:before{content:"\e013"}.footable>thead>tr>th.footable-sorted-desc>span.footable-sort-indicator:before{content:"\e012"}.footable>thead>tr>th>span.footable-sort-indicator{display:inline-block;font-family:'footable';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;padding-left:5px}.footable>thead>tr>th>span.footable-sort-indicator:before{content:"\e022"}.footable>tfoot .pagination{margin:0}.footable.no-paging .hide-if-no-paging{display:none}.footable-row-detail-inner{display:table}.footable-row-detail-row{display:table-row;line-height:1.5em}.footable-row-detail-group{display:block;line-height:2em;font-size:1.2em;font-weight:bold}.footable-row-detail-name{display:table-cell;font-weight:bold;padding-right:.5em}.footable-row-detail-value{display:table-cell}
2
+ .footable{border-collapse:separate;border-spacing:0;width:100%;border:3px solid #52b9e9;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#444;background:#efefef}.footable.breakpoint>tbody>tr.footable-row-detail{background:#eee}.footable.breakpoint>tbody>tr:hover:not(.footable-row-detail){cursor:pointer}.footable.breakpoint>tbody>tr>td.footable-row-detail-cell{background:#fff}.footable>tbody img{vertical-align:middle}.footable>tbody>tr:hover:not(.footable-row-detail){background:#ddd}.footable>tbody>tr:hover:not(.footable-row-detail)>td{color:#000}.footable>tbody>tr:last-child>td{border-bottom:0}.footable>tbody>tr>td{border-bottom:1px solid #ddd;padding:10px;text-align:left}.footable>tbody>tr>td.footable-row-detail-cell,.footable>tbody>tr>td.footable-first-column{border-left:none}.footable>thead>tr>th{border-bottom:1px solid #ddd;padding:10px;text-align:left}.footable>thead>tr>th,.footable>thead>tr>td{background-color:#52b9e9;border:1px solid #52b9e9;color:#fff;border-top:0;font-weight:normal}.footable>thead>tr>th.footable-first-column,.footable>thead>tr>td.footable-first-column{border-left:none}.footable>tfoot>tr>th,.footable>tfoot>tr>td{background-color:#52b9e9;border:1px solid #52b9e9;color:#fff;border-top:0;padding:5px}.footable tfoot .pagination ul{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;vertical-align:middle}.footable tfoot .pagination ul>li>a,.footable tfoot .pagination ul>li>span{border:2px solid transparent;margin:0 3px;color:#fff;background:transparent;padding:1px 5px}.footable tfoot .pagination ul>li.disable>a{color:#888}.footable tfoot .pagination ul>li.active>a{border-color:#fff}.footable tfoot .pagination ul>li:first-child>a,.footable tfoot .pagination ul>li:last-child>a,.footable tfoot .pagination ul>li:first-child>span,.footable tfoot .pagination ul>li:last-child>span{-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}.footable.metro-red{border-color:#fa3031}.footable.metro-red>tfoot>tr>th,.footable.metro-red>thead>tr>th,.footable.metro-red>tfoot>tr>td,.footable.metro-red>thead>tr>td{background-color:#fa3031;border-color:#fa3031}.footable.metro-purple{border-color:#932ab6}.footable.metro-purple>tfoot>tr>th,.footable.metro-purple>thead>tr>th,.footable.metro-purple>tfoot>tr>td,.footable.metro-purple>thead>tr>td{background-color:#932ab6;border-color:#932ab6}.footable.metro-green{border-color:#43c83c}.footable.metro-green>tfoot>tr>th,.footable.metro-green>thead>tr>th,.footable.metro-green>tfoot>tr>td,.footable.metro-green>thead>tr>td{background-color:#43c83c;border-color:#43c83c}.footable.metro-blue{border-color:#1171a3}.footable.metro-blue>tfoot>tr>th,.footable.metro-blue>thead>tr>th,.footable.metro-blue>tfoot>tr>td,.footable.metro-blue>thead>tr>td{background-color:#1171a3;border-color:#1171a3}
3
+ .footable{border-collapse:separate;border-spacing:0;border:1px solid #ccc;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font-family:'trebuchet MS','Lucida sans',Arial;font-size:14px;color:#444}.footable>thead>tr:first-child>th.footable-first-column,.footable>thead>tr:first-child>td.footable-first-column{-moz-border-radius:6px 0 0 0;-webkit-border-radius:6px 0 0 0;border-radius:6px 0 0 0}.footable>thead>tr:first-child>th.footable-last-column,.footable>thead>tr:first-child>td.footable-last-column{-moz-border-radius:0 6px 0 0;-webkit-border-radius:0 6px 0 0;border-radius:0 6px 0 0}.footable>thead>tr:first-child>th.footable-first-column.footable-last-column,.footable>thead>tr:first-child>td.footable-first-column.footable-last-column{-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.footable>thead>tr>th{border-left:1px solid #ccc;border-top:1px solid #ccc;padding:10px;text-align:left}.footable>thead>tr>th,.footable>thead>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:0;text-shadow:0 1px 0 rgba(255,255,255,0.5)}.footable>thead>tr>th.footable-first-column,.footable>thead>tr>td.footable-first-column{border-left:none}.footable.breakpoint>tbody>tr.footable-row-detail{background:#eee}.footable.breakpoint>tbody>tr.footable-row-detail>.footable-row-detail-cell{border-left:none}.footable>tbody img{vertical-align:middle}.footable>tbody>tr:hover{background:#fbf8e9}.footable>tbody>tr:last-child>td.footable-first-column{-moz-border-radius:0 0 0 6px;-webkit-border-radius:0 0 0 6px;border-radius:0 0 0 6px}.footable>tbody>tr:last-child>td.footable-last-column{-moz-border-radius:0 0 6px 0;-webkit-border-radius:0 0 6px 0;border-radius:0 0 6px 0}.footable>tbody>tr:last-child>td.footable-first-column.footable-last-column{-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.footable>tbody>tr>td{border-top:1px solid #ccc;border-left:1px solid #ccc;padding:10px;text-align:left}.footable>tbody>tr>td.footable-first-column{border-left:none}.footable>tfoot>tr>th,.footable>tfoot>tr>td{background-color:#dce9f9;background-image:-webkit-gradient(linear,left top,left bottom,from(#ebf3fc),to(#dce9f9));background-image:-webkit-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-moz-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-ms-linear-gradient(top,#ebf3fc,#dce9f9);background-image:-o-linear-gradient(top,#ebf3fc,#dce9f9);background-image:linear-gradient(to bottom,#ebf3fc,#dce9f9);-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;box-shadow:0 1px 0 rgba(255,255,255,0.8) inset;border-top:1px solid #ccc;text-shadow:0 1px 0 rgba(255,255,255,0.5);padding:10px}