dataTables.uikit.css 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. table.dataTable {
  2. clear: both;
  3. }
  4. table.dataTable td,
  5. table.dataTable th {
  6. -webkit-box-sizing: content-box;
  7. box-sizing: content-box;
  8. }
  9. table.dataTable td.dataTables_empty,
  10. table.dataTable th.dataTables_empty {
  11. text-align: center;
  12. }
  13. table.dataTable.nowrap th,
  14. table.dataTable.nowrap td {
  15. white-space: nowrap;
  16. }
  17. div.dataTables_wrapper div.row.uk-grid.dt-merge-grid {
  18. margin-top: 5px;
  19. }
  20. div.dataTables_wrapper div.dataTables_length label {
  21. font-weight: normal;
  22. text-align: left;
  23. white-space: nowrap;
  24. }
  25. div.dataTables_wrapper div.dataTables_length select {
  26. width: 75px;
  27. display: inline-block;
  28. }
  29. div.dataTables_wrapper div.dataTables_filter {
  30. text-align: right;
  31. }
  32. div.dataTables_wrapper div.dataTables_filter label {
  33. font-weight: normal;
  34. white-space: nowrap;
  35. text-align: left;
  36. }
  37. div.dataTables_wrapper div.dataTables_filter input {
  38. margin-left: 0.5em;
  39. display: inline-block;
  40. width: auto;
  41. }
  42. div.dataTables_wrapper div.dataTables_info {
  43. padding-top: 8px;
  44. white-space: nowrap;
  45. }
  46. div.dataTables_wrapper div.dataTables_paginate {
  47. margin: 0;
  48. white-space: nowrap;
  49. text-align: right;
  50. }
  51. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  52. margin: 2px 0;
  53. white-space: nowrap;
  54. }
  55. div.dataTables_wrapper div.dataTables_processing {
  56. position: absolute;
  57. top: 50%;
  58. left: 50%;
  59. width: 200px;
  60. margin-left: -100px;
  61. margin-top: -26px;
  62. text-align: center;
  63. padding: 1em 0;
  64. }
  65. table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
  66. table.dataTable thead > tr > td.sorting_asc,
  67. table.dataTable thead > tr > td.sorting_desc,
  68. table.dataTable thead > tr > td.sorting {
  69. padding-right: 30px;
  70. }
  71. table.dataTable thead > tr > th:active,
  72. table.dataTable thead > tr > td:active {
  73. outline: none;
  74. }
  75. table.dataTable thead .sorting,
  76. table.dataTable thead .sorting_asc,
  77. table.dataTable thead .sorting_desc,
  78. table.dataTable thead .sorting_asc_disabled,
  79. table.dataTable thead .sorting_desc_disabled {
  80. cursor: pointer;
  81. position: relative;
  82. }
  83. table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
  84. table.dataTable thead .sorting_asc:before,
  85. table.dataTable thead .sorting_asc:after,
  86. table.dataTable thead .sorting_desc:before,
  87. table.dataTable thead .sorting_desc:after,
  88. table.dataTable thead .sorting_asc_disabled:before,
  89. table.dataTable thead .sorting_asc_disabled:after,
  90. table.dataTable thead .sorting_desc_disabled:before,
  91. table.dataTable thead .sorting_desc_disabled:after {
  92. position: absolute;
  93. bottom: 1.2em;
  94. display: block;
  95. opacity: 0.3;
  96. }
  97. table.dataTable thead .sorting:before,
  98. table.dataTable thead .sorting_asc:before,
  99. table.dataTable thead .sorting_desc:before,
  100. table.dataTable thead .sorting_asc_disabled:before,
  101. table.dataTable thead .sorting_desc_disabled:before {
  102. right: 1em;
  103. content: "\2191";
  104. }
  105. table.dataTable thead .sorting:after,
  106. table.dataTable thead .sorting_asc:after,
  107. table.dataTable thead .sorting_desc:after,
  108. table.dataTable thead .sorting_asc_disabled:after,
  109. table.dataTable thead .sorting_desc_disabled:after {
  110. right: 0.5em;
  111. content: "\2193";
  112. }
  113. table.dataTable thead .sorting_asc:before,
  114. table.dataTable thead .sorting_desc:after {
  115. opacity: 1;
  116. }
  117. table.dataTable thead .sorting_asc_disabled:before,
  118. table.dataTable thead .sorting_desc_disabled:after {
  119. opacity: 0;
  120. }
  121. div.dataTables_scrollHead table.dataTable {
  122. margin-bottom: 0 !important;
  123. }
  124. div.dataTables_scrollBody table {
  125. border-top: none;
  126. margin-top: 0 !important;
  127. margin-bottom: 0 !important;
  128. }
  129. div.dataTables_scrollBody table thead .sorting:after,
  130. div.dataTables_scrollBody table thead .sorting_asc:after,
  131. div.dataTables_scrollBody table thead .sorting_desc:after {
  132. display: none;
  133. }
  134. div.dataTables_scrollBody table tbody tr:first-child th,
  135. div.dataTables_scrollBody table tbody tr:first-child td {
  136. border-top: none;
  137. }
  138. div.dataTables_scrollFoot table {
  139. margin-top: 0 !important;
  140. border-top: none;
  141. }
  142. @media screen and (max-width: 767px) {
  143. div.dataTables_wrapper div.dataTables_length,
  144. div.dataTables_wrapper div.dataTables_filter,
  145. div.dataTables_wrapper div.dataTables_info,
  146. div.dataTables_wrapper div.dataTables_paginate {
  147. text-align: center;
  148. }
  149. }
  150. table.dataTable.uk-table-condensed > thead > tr > th {
  151. padding-right: 20px;
  152. }
  153. table.dataTable.uk-table-condensed .sorting:after,
  154. table.dataTable.uk-table-condensed .sorting_asc:after,
  155. table.dataTable.uk-table-condensed .sorting_desc:after {
  156. top: 6px;
  157. right: 6px;
  158. }