dataTables.select.bootstrap4.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  2. background-color: #0275d8; }
  3. table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  4. background-color: #0172d2; }
  5. table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
  6. background-color: #0170d0; }
  7. table.dataTable.order-column tbody > tr.selected > .sorting_1, table.dataTable.order-column tbody > tr.selected > .sorting_2, table.dataTable.order-column tbody > tr.selected > .sorting_3, table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3, table.dataTable.display tbody > tr > .selected {
  8. background-color: #0172d3; }
  9. table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  10. background-color: #016ecc; }
  11. table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  12. background-color: #016fcd; }
  13. table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  14. background-color: #0170cf; }
  15. table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  16. background-color: #0172d3; }
  17. table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  18. background-color: #0173d5; }
  19. table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  20. background-color: #0174d7; }
  21. table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  22. background-color: #016ecc; }
  23. table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  24. background-color: #0172d3; }
  25. table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  26. background-color: #016bc6; }
  27. table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  28. background-color: #016cc7; }
  29. table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  30. background-color: #016dca; }
  31. table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
  32. background-color: #016bc6; }
  33. table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
  34. position: relative; }
  35. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  36. position: absolute;
  37. top: 1.2em;
  38. left: 50%;
  39. box-sizing: border-box;
  40. display: block;
  41. width: 12px;
  42. height: 12px; }
  43. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
  44. margin-top: -6px;
  45. margin-left: -6px;
  46. content: " ";
  47. border: 1px solid black;
  48. border-radius: 3px; }
  49. table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  50. margin-top: -11px;
  51. margin-left: -4px;
  52. text-align: center;
  53. text-shadow: 1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9, -1px 1px #b0bed9;
  54. content: "\2714"; }
  55. div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  56. margin-left: .5em; }
  57. @media screen and (max-width: 640px) {
  58. div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  59. display: block;
  60. margin-left: 0; } }
  61. table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {
  62. color: white; }
  63. table.dataTable tbody tr.selected a, table.dataTable tbody th.selected a, table.dataTable tbody td.selected a {
  64. color: #a2d4ed; }