You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

select.bootstrap4.css 4.8KB

2 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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: #0272d3;
  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: #0271d0;
  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: #0273d4;
  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: #026fcc;
  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: #0270ce;
  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: #0270d0;
  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: #0273d4;
  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: #0274d5;
  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: #0275d7;
  41. }
  42. table.dataTable.display tbody > tr.odd > .selected, table.dataTable.order-column.stripe tbody > tr.odd > .selected {
  43. background-color: #026fcc;
  44. }
  45. table.dataTable.display tbody > tr.even > .selected, table.dataTable.order-column.stripe tbody > tr.even > .selected {
  46. background-color: #0273d4;
  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: #026bc6;
  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: #026cc8;
  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: #026eca;
  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: #026bc6;
  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: -2px;
  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: "✓";
  88. font-size: 20px;
  89. margin-top: -19px;
  90. margin-left: -6px;
  91. text-align: center;
  92. text-shadow: 1px 1px #B0BED9, -1px -1px #B0BED9, 1px -1px #B0BED9, -1px 1px #B0BED9;
  93. }
  94. table.dataTable.compact tbody td.select-checkbox:before,
  95. table.dataTable.compact tbody th.select-checkbox:before {
  96. margin-top: -12px;
  97. }
  98. table.dataTable.compact tr.selected td.select-checkbox:after,
  99. table.dataTable.compact tr.selected th.select-checkbox:after {
  100. margin-top: -16px;
  101. }
  102. div.dataTables_wrapper span.select-info,
  103. div.dataTables_wrapper span.select-item {
  104. margin-left: 0.5em;
  105. }
  106. @media screen and (max-width: 640px) {
  107. div.dataTables_wrapper span.select-info,
  108. div.dataTables_wrapper span.select-item {
  109. margin-left: 0;
  110. display: block;
  111. }
  112. }
  113. table.dataTable tbody tr.selected,
  114. table.dataTable tbody th.selected,
  115. table.dataTable tbody td.selected {
  116. color: white;
  117. }
  118. table.dataTable tbody tr.selected a,
  119. table.dataTable tbody th.selected a,
  120. table.dataTable tbody td.selected a {
  121. color: #a2d4ed;
  122. }