1.
/*
2.
* Styling for DataTables with Semantic UI
3.
*/
4.
table.dataTable.table {
5.
margin: 0;
6.
}
7.
table.dataTable.table thead th,
8.
table.dataTable.table thead td {
9.
position: relative;
10.
}
11.
table.dataTable.table thead th.sorting, table.dataTable.table thead th.sorting_asc, table.dataTable.table thead th.sorting_desc,
12.
table.dataTable.table thead td.sorting,
13.
table.dataTable.table thead td.sorting_asc,
14.
table.dataTable.table thead td.sorting_desc {
15.
padding-right: 20px;
16.
}
17.
table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
18.
table.dataTable.table thead td.sorting:after,
19.
table.dataTable.table thead td.sorting_asc:after,
20.
table.dataTable.table thead td.sorting_desc:after {
21.
position: absolute;
22.
top: 12px;
23.
right: 8px;
24.
display: block;
25.
font-family: Icons;
26.
}
27.
table.dataTable.table thead th.sorting:after,
28.
table.dataTable.table thead td.sorting:after {
29.
content: "\f0dc";
30.
color: #ddd;
31.
font-size: 0.8em;
32.
}
33.
table.dataTable.table thead th.sorting_asc:after,
34.
table.dataTable.table thead td.sorting_asc:after {
35.
content: "\f0de";
36.
}
37.
table.dataTable.table thead th.sorting_desc:after,
38.
table.dataTable.table thead td.sorting_desc:after {
39.
content: "\f0dd";
40.
}
41.
table.dataTable.table td,
42.
table.dataTable.table th {
43.
-webkit-box-sizing: content-box;
44.
box-sizing: content-box;
45.
}
46.
table.dataTable.table td.dataTables_empty,
47.
table.dataTable.table th.dataTables_empty {
48.
text-align: center;
49.
}
50.
table.dataTable.table.nowrap th,
51.
table.dataTable.table.nowrap td {
52.
white-space: nowrap;
53.
}
54.
55.
div.dataTables_wrapper div.dataTables_length select {
56.
vertical-align: middle;
57.
min-height: 2.7142em;
58.
}
59.
div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
60.
min-width: 0;
61.
}
62.
div.dataTables_wrapper div.dataTables_filter span.input {
63.
margin-left: 0.5em;
64.
}
65.
div.dataTables_wrapper div.dataTables_info {
66.
padding-top: 13px;
67.
white-space: nowrap;
68.
}
69.
div.dataTables_wrapper div.dataTables_processing {
70.
position: absolute;
71.
top: 50%;
72.
left: 50%;
73.
width: 200px;
74.
margin-left: -100px;
75.
text-align: center;
76.
}
77.
div.dataTables_wrapper div.row.dt-table {
78.
padding: 0;
79.
}
80.
div.dataTables_wrapper div.dataTables_scrollHead table.dataTable {
81.
border-bottom-right-radius: 0;
82.
border-bottom-left-radius: 0;
83.
border-bottom: none;
84.
}
85.
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting:after,
86.
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_asc:after,
87.
div.dataTables_wrapper div.dataTables_scrollBody thead .sorting_desc:after {
88.
display: none;
89.
}
90.
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable {
91.
border-radius: 0;
92.
border-top: none;
93.
border-bottom-width: 0;
94.
}
95.
div.dataTables_wrapper div.dataTables_scrollBody table.dataTable.no-footer {
96.
border-bottom-width: 1px;
97.
}
98.
div.dataTables_wrapper div.dataTables_scrollFoot table.dataTable {
99.
border-top-right-radius: 0;
100.
border-top-left-radius: 0;
101.
border-top: none;
102.
}
103.