datatables-select.css 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  1. /*
  2. * MDBootstrap integration with Datatables
  3. * Learn more: https://mdbootstrap.com/docs/jquery/tables/datatables/
  4. * About MDBootstrap: https://mdbootstrap.com/
  5. *
  6. * This combined file was created taking that code from this webstie:
  7. * https://cdn.datatables.net/select/1.2.7/css/select.dataTables.min.css
  8. *
  9. *
  10. * To rebuild or modify this file with the latest versions of the included
  11. * software please visit:
  12. * https://datatables.net/download/#bs4/dt-1.10.18
  13. *
  14. * Included libraries:
  15. * DataTables 1.10.18
  16. */
  17. table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {
  18. background-color: #B0BED9; }
  19. table.dataTable.stripe tbody > tr.odd.selected, table.dataTable.stripe tbody > tr.odd > .selected {
  20. background-color: #acbad4; }
  21. table.dataTable.display tbody > tr.odd.selected, table.dataTable.display tbody > tr.odd > .selected {
  22. background-color: #acbad4; }
  23. table.dataTable.hover tbody > tr.selected:hover, table.dataTable.hover tbody > tr > .selected:hover {
  24. background-color: #aab7d1; }
  25. table.dataTable.display tbody > tr.selected:hover, table.dataTable.display tbody > tr > .selected:hover {
  26. background-color: #aab7d1; }
  27. 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 {
  28. background-color: #acbad5; }
  29. table.dataTable.order-column tbody > tr > .selected {
  30. background-color: #acbad5; }
  31. table.dataTable.display tbody > tr.selected > .sorting_1, table.dataTable.display tbody > tr.selected > .sorting_2, table.dataTable.display tbody > tr.selected > .sorting_3 {
  32. background-color: #acbad5; }
  33. table.dataTable.display tbody > tr > .selected {
  34. background-color: #acbad5; }
  35. table.dataTable.display tbody > tr.odd.selected > .sorting_1 {
  36. background-color: #a6b4cd; }
  37. table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  38. background-color: #a6b4cd; }
  39. table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  40. background-color: #a8b5cf; }
  41. table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  42. background-color: #a9b7d1; }
  43. table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  44. background-color: #acbad5; }
  45. table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  46. background-color: #aebcd6; }
  47. table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  48. background-color: #afbdd8; }
  49. table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  50. background-color: #a6b4cd; }
  51. table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  52. background-color: #acbad5; }
  53. table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  54. background-color: #a2aec7; }
  55. table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  56. background-color: #a3b0c9; }
  57. table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  58. background-color: #a5b2cb; }
  59. table.dataTable.display tbody > tr:hover > .selected, table.dataTable.display tbody > tr > .selected:hover {
  60. background-color: #a2aec7; }
  61. table.dataTable.order-column.hover tbody > tr:hover > .selected, table.dataTable.order-column.hover tbody > tr > .selected:hover {
  62. background-color: #a2aec7; }
  63. table.dataTable tbody td.select-checkbox, table.dataTable tbody th.select-checkbox {
  64. position: relative; }
  65. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after {
  66. display: block;
  67. position: absolute;
  68. top: 1.2em;
  69. left: 50%;
  70. width: 12px;
  71. height: 12px;
  72. -webkit-box-sizing: border-box;
  73. box-sizing: border-box; }
  74. table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after {
  75. display: block;
  76. position: absolute;
  77. top: 1.2em;
  78. left: 50%;
  79. width: 12px;
  80. height: 12px;
  81. -webkit-box-sizing: border-box;
  82. box-sizing: border-box; }
  83. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
  84. content: ' ';
  85. margin-top: 4px;
  86. margin-left: -6px;
  87. border: 1px solid black;
  88. -webkit-border-radius: 3px;
  89. border-radius: 3px; }
  90. table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
  91. content: '\2714';
  92. margin-top: 0px;
  93. margin-left: -4px;
  94. text-align: center;
  95. text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9; }
  96. div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  97. margin-left: 0.5em; }
  98. @media screen and (max-width: 640px) {
  99. div.dataTables_wrapper span.select-info, div.dataTables_wrapper span.select-item {
  100. margin-left: 0;
  101. display: block; } }