select.bootstrap4.css 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. table.dataTable > tbody > tr > .selected {
  2. background-color: rgba(2, 117, 216, 0.9);
  3. color: white;
  4. }
  5. table.dataTable > tbody > tr > td.select-checkbox,
  6. table.dataTable > tbody > tr > th.select-checkbox {
  7. position: relative;
  8. }
  9. table.dataTable > tbody > tr > td.select-checkbox:before, table.dataTable > tbody > tr > td.select-checkbox:after,
  10. table.dataTable > tbody > tr > th.select-checkbox:before,
  11. table.dataTable > tbody > tr > th.select-checkbox:after {
  12. display: block;
  13. position: absolute;
  14. top: 1.2em;
  15. left: 50%;
  16. width: 12px;
  17. height: 12px;
  18. box-sizing: border-box;
  19. }
  20. table.dataTable > tbody > tr > td.select-checkbox:before,
  21. table.dataTable > tbody > tr > th.select-checkbox:before {
  22. content: " ";
  23. margin-top: -2px;
  24. margin-left: -6px;
  25. border: 1px solid black;
  26. border-radius: 3px;
  27. }
  28. table.dataTable > tbody > tr.selected > td.select-checkbox:before,
  29. table.dataTable > tbody > tr.selected > th.select-checkbox:before {
  30. border: 1px solid white;
  31. }
  32. table.dataTable > tbody > tr.selected > td.select-checkbox:after,
  33. table.dataTable > tbody > tr.selected > th.select-checkbox:after {
  34. content: "✓";
  35. font-size: 20px;
  36. margin-top: -19px;
  37. margin-left: -6px;
  38. text-align: center;
  39. text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
  40. }
  41. table.dataTable.compact > tbody > tr > td.select-checkbox:before,
  42. table.dataTable.compact > tbody > tr > th.select-checkbox:before {
  43. margin-top: -12px;
  44. }
  45. table.dataTable.compact > tbody > tr.selected > td.select-checkbox:after,
  46. table.dataTable.compact > tbody > tr.selected > th.select-checkbox:after {
  47. margin-top: -16px;
  48. }
  49. div.dataTables_wrapper span.select-info,
  50. div.dataTables_wrapper span.select-item {
  51. margin-left: 0.5em;
  52. }
  53. @media screen and (max-width: 640px) {
  54. div.dataTables_wrapper span.select-info,
  55. div.dataTables_wrapper span.select-item {
  56. margin-left: 0;
  57. display: block;
  58. }
  59. }