diff options
Diffstat (limited to 'public/assets/js/DataTables/Select-1.6.2/css/select.bootstrap4.css')
| -rw-r--r-- | public/assets/js/DataTables/Select-1.6.2/css/select.bootstrap4.css | 61 |
1 files changed, 61 insertions, 0 deletions
diff --git a/public/assets/js/DataTables/Select-1.6.2/css/select.bootstrap4.css b/public/assets/js/DataTables/Select-1.6.2/css/select.bootstrap4.css new file mode 100644 index 0000000..b9218af --- /dev/null +++ b/public/assets/js/DataTables/Select-1.6.2/css/select.bootstrap4.css @@ -0,0 +1,61 @@ +table.dataTable > tbody > tr > .selected { + background-color: rgba(2, 117, 216, 0.9); + color: white; +} +table.dataTable > tbody > tr > td.select-checkbox, +table.dataTable > tbody > tr > th.select-checkbox { + position: relative; +} +table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > td.select-checkbox:after, +table.dataTable > tbody > tr > th.select-checkbox:before, +table.dataTable > tbody > tr > th.select-checkbox:after { + display: block; + position: absolute; + top: 1.2em; + left: 50%; + width: 12px; + height: 12px; + box-sizing: border-box; +} +table.dataTable > tbody > tr > td.select-checkbox:before, +table.dataTable > tbody > tr > th.select-checkbox:before { + content: " "; + margin-top: -2px; + margin-left: -6px; + border: 1px solid black; + border-radius: 3px; +} +table.dataTable > tbody > tr.selected > td.select-checkbox:before, +table.dataTable > tbody > tr.selected > th.select-checkbox:before { + border: 1px solid white; +} +table.dataTable > tbody > tr.selected > td.select-checkbox:after, +table.dataTable > tbody > tr.selected > th.select-checkbox:after { + content: "✓"; + font-size: 20px; + margin-top: -19px; + margin-left: -6px; + text-align: center; + text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; +} +table.dataTable.compact > tbody > tr > td.select-checkbox:before, +table.dataTable.compact > tbody > tr > th.select-checkbox:before { + margin-top: -12px; +} +table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after, +table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after { + margin-top: -16px; +} + +div.dataTables_wrapper span.select-info, +div.dataTables_wrapper span.select-item { + margin-left: 0.5em; +} + +@media screen and (max-width: 640px) { + div.dataTables_wrapper span.select-info, + div.dataTables_wrapper span.select-item { + margin-left: 0; + display: block; + } +} |
