1
0

select.bootstrap4.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. table.dataTable tbody > tr.selected,
  2. table.dataTable tbody > tr > .selected {
  3. background-color: #0275d8;
  4. }
  5. table.dataTable.stripe tbody > tr.odd.selected,
  6. table.dataTable.stripe tbody > tr.odd > .selected, table.dataTable.display tbody > tr.odd.selected,
  7. table.dataTable.display tbody > tr.odd > .selected {
  8. background-color: #0172d2;
  9. }
  10. table.dataTable.hover tbody > tr.selected:hover,
  11. table.dataTable.hover tbody > tr > .selected:hover, table.dataTable.display tbody > tr.selected:hover,
  12. table.dataTable.display tbody > tr > .selected:hover {
  13. background-color: #0170d0;
  14. }
  15. table.dataTable.order-column tbody > tr.selected > .sorting_1,
  16. table.dataTable.order-column tbody > tr.selected > .sorting_2,
  17. table.dataTable.order-column tbody > tr.selected > .sorting_3,
  18. table.dataTable.order-column tbody > tr > .selected, table.dataTable.display tbody > tr.selected > .sorting_1,
  19. table.dataTable.display tbody > tr.selected > .sorting_2,
  20. table.dataTable.display tbody > tr.selected > .sorting_3,
  21. table.dataTable.display tbody > tr > .selected {
  22. background-color: #0172d3;
  23. }
  24. table.dataTable.display tbody > tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
  25. background-color: #016ecc;
  26. }
  27. table.dataTable.display tbody > tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
  28. background-color: #016fcd;
  29. }
  30. table.dataTable.display tbody > tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
  31. background-color: #0170cf;
  32. }
  33. table.dataTable.display tbody > tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
  34. background-color: #0172d3;
  35. }
  36. table.dataTable.display tbody > tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
  37. background-color: #0173d5;
  38. }
  39. table.dataTable.display tbody > tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
  40. background-color: #0174d7;
  41. }
  42. table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  43. background-color: #016ecc;
  44. }
  45. table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  46. background-color: #0172d3;
  47. }
  48. table.dataTable.display tbody > tr.selected:hover > .sorting_1, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
  49. background-color: #016bc6;
  50. }
  51. table.dataTable.display tbody > tr.selected:hover > .sorting_2, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
  52. background-color: #016cc7;
  53. }
  54. table.dataTable.display tbody > tr.selected:hover > .sorting_3, table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
  55. background-color: #016dca;
  56. }
  57. table.dataTable.display tbody > tr:hover > .selected,
  58. table.dataTable.display tbody > tr > .selected:hover, table.dataTable.order-column.hover tbody > tr:hover > .selected,
  59. table.dataTable.order-column.hover tbody > tr > .selected:hover {
  60. background-color: #016bc6;
  61. }
  62. table.dataTable tbody td.select-checkbox,
  63. table.dataTable tbody th.select-checkbox {
  64. position: relative;
  65. }
  66. table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after,
  67. table.dataTable tbody th.select-checkbox:before,
  68. table.dataTable tbody th.select-checkbox:after {
  69. display: block;
  70. position: absolute;
  71. top: 1.2em;
  72. left: 50%;
  73. width: 12px;
  74. height: 12px;
  75. box-sizing: border-box;
  76. }
  77. table.dataTable tbody td.select-checkbox:before,
  78. table.dataTable tbody th.select-checkbox:before {
  79. content: ' ';
  80. margin-top: -6px;
  81. margin-left: -6px;
  82. border: 1px solid black;
  83. border-radius: 3px;
  84. }
  85. table.dataTable tr.selected td.select-checkbox:after,
  86. table.dataTable tr.selected th.select-checkbox:after {
  87. content: '\2714';
  88. margin-top: -11px;
  89. margin-left: -4px;
  90. text-align: center;
  91. text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
  92. }
  93. div.dataTables_wrapper span.select-info,
  94. div.dataTables_wrapper span.select-item {
  95. margin-left: 0.5em;
  96. }
  97. @media screen and (max-width: 640px) {
  98. div.dataTables_wrapper span.select-info,
  99. div.dataTables_wrapper span.select-item {
  100. margin-left: 0;
  101. display: block;
  102. }
  103. }
  104. table.dataTable tbody tr.selected,
  105. table.dataTable tbody th.selected,
  106. table.dataTable tbody td.selected {
  107. color: white;
  108. }
  109. table.dataTable tbody tr.selected a,
  110. table.dataTable tbody th.selected a,
  111. table.dataTable tbody td.selected a {
  112. color: #a2d4ed;
  113. }