mirror of
https://github.com/DataTables/DataTables.git
synced 2024-11-29 11:24:10 +01:00
72 lines
1.8 KiB
CSS
72 lines
1.8 KiB
CSS
/*
|
|
* Styling for DataTables with Semantic UI
|
|
*/
|
|
table.dataTable.table {
|
|
margin: 0;
|
|
}
|
|
table.dataTable.table thead th,
|
|
table.dataTable.table thead td {
|
|
position: relative;
|
|
}
|
|
table.dataTable.table thead th.sorting:after, table.dataTable.table thead th.sorting_asc:after, table.dataTable.table thead th.sorting_desc:after,
|
|
table.dataTable.table thead td.sorting:after,
|
|
table.dataTable.table thead td.sorting_asc:after,
|
|
table.dataTable.table thead td.sorting_desc:after {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 8px;
|
|
display: block;
|
|
font-family: Icons;
|
|
}
|
|
table.dataTable.table thead th.sorting:after,
|
|
table.dataTable.table thead td.sorting:after {
|
|
content: "\f0dc";
|
|
color: #ddd;
|
|
font-size: 0.8em;
|
|
padding-top: 0.12em;
|
|
}
|
|
table.dataTable.table thead th.sorting_asc:after,
|
|
table.dataTable.table thead td.sorting_asc:after {
|
|
content: "\f0de";
|
|
}
|
|
table.dataTable.table thead th.sorting_desc:after,
|
|
table.dataTable.table thead td.sorting_desc:after {
|
|
content: "\f0dd";
|
|
}
|
|
table.dataTable.table td,
|
|
table.dataTable.table th {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
table.dataTable.table td.dataTables_empty,
|
|
table.dataTable.table th.dataTables_empty {
|
|
text-align: center;
|
|
}
|
|
table.dataTable.table.nowrap th,
|
|
table.dataTable.table.nowrap td {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.dataTables_wrapper div.dataTables_length .ui.selection.dropdown {
|
|
min-width: 0;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_filter input {
|
|
margin-left: 0.5em;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_info {
|
|
padding-top: 13px;
|
|
white-space: nowrap;
|
|
}
|
|
div.dataTables_wrapper div.dataTables_processing {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 200px;
|
|
margin-left: -100px;
|
|
text-align: center;
|
|
}
|
|
div.dataTables_wrapper div.row.dt-table {
|
|
padding: 0;
|
|
}
|