Advertisement
kura2yamato

datatable.bootstrap.css

Jan 17th, 2018
278
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 4.89 KB | None | 0 0
  1. table.dataTable {
  2.   clear: both;
  3.   margin-top: 6px !important;
  4.   margin-bottom: 6px !important;
  5.   max-width: none !important;
  6.   border-collapse: separate !important;
  7. }
  8. table.dataTable td,
  9. table.dataTable th {
  10.   -webkit-box-sizing: content-box;
  11.   -moz-box-sizing: content-box;
  12.   box-sizing: content-box;
  13. }
  14. table.dataTable td.dataTables_empty,
  15. table.dataTable th.dataTables_empty {
  16.   text-align: center;
  17. }
  18. table.dataTable.nowrap th,
  19. table.dataTable.nowrap td {
  20.   white-space: nowrap;
  21. }
  22.  
  23. div.dataTables_wrapper div.dataTables_length label {
  24.   font-weight: normal;
  25.   text-align: left;
  26.   white-space: nowrap;
  27. }
  28. div.dataTables_wrapper div.dataTables_length select {
  29.   width: 75px;
  30.   display: inline-block;
  31. }
  32. div.dataTables_wrapper div.dataTables_filter {
  33.   text-align: right;
  34. }
  35. div.dataTables_wrapper div.dataTables_filter label {
  36.   font-weight: normal;
  37.   white-space: nowrap;
  38.   text-align: left;
  39. }
  40. div.dataTables_wrapper div.dataTables_filter input {
  41.   margin-left: 0.5em;
  42.   display: inline-block;
  43.   width: auto;
  44. }
  45. div.dataTables_wrapper div.dataTables_info {
  46.   padding-top: 8px;
  47.   white-space: nowrap;
  48. }
  49. div.dataTables_wrapper div.dataTables_paginate {
  50.   margin: 0;
  51.   white-space: nowrap;
  52.   text-align: right;
  53. }
  54. div.dataTables_wrapper div.dataTables_paginate ul.pagination {
  55.   margin: 2px 0;
  56.   white-space: nowrap;
  57. }
  58. div.dataTables_wrapper div.dataTables_processing {
  59.   position: absolute;
  60.   top: 50%;
  61.   left: 50%;
  62.   width: 200px;
  63.   margin-left: -100px;
  64.   margin-top: -26px;
  65.   text-align: center;
  66.   padding: 1em 0;
  67. }
  68.  
  69. table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting,
  70. table.dataTable thead > tr > td.sorting_asc,
  71. table.dataTable thead > tr > td.sorting_desc,
  72. table.dataTable thead > tr > td.sorting {
  73.   padding-right: 30px;
  74. }
  75. table.dataTable thead > tr > th:active,
  76. table.dataTable thead > tr > td:active {
  77.   outline: none;
  78. }
  79. table.dataTable thead .sorting,
  80. table.dataTable thead .sorting_asc,
  81. table.dataTable thead .sorting_desc,
  82. table.dataTable thead .sorting_asc_disabled,
  83. table.dataTable thead .sorting_desc_disabled {
  84.   cursor: pointer;
  85.   position: relative;
  86. }
  87. table.dataTable thead .sorting:after,
  88. table.dataTable thead .sorting_asc:after,
  89. table.dataTable thead .sorting_desc:after,
  90. table.dataTable thead .sorting_asc_disabled:after,
  91. table.dataTable thead .sorting_desc_disabled:after {
  92.   position: absolute;
  93.   bottom: 8px;
  94.   right: 8px;
  95.   display: block;
  96.   font-family: 'Glyphicons Halflings';
  97.   opacity: 0.5;
  98. }
  99. table.dataTable thead .sorting:after {
  100.   opacity: 0.2;
  101.   content: "\e150";
  102.   /* sort */
  103. }
  104. table.dataTable thead .sorting_asc:after {
  105.   content: "\e155";
  106.   /* sort-by-attributes */
  107. }
  108. table.dataTable thead .sorting_desc:after {
  109.   content: "\e156";
  110.   /* sort-by-attributes-alt */
  111. }
  112. table.dataTable thead .sorting_asc_disabled:after,
  113. table.dataTable thead .sorting_desc_disabled:after {
  114.   color: #eee;
  115. }
  116.  
  117. div.dataTables_scrollHead table.dataTable {
  118.   margin-bottom: 0 !important;
  119. }
  120.  
  121. div.dataTables_scrollBody table {
  122.   border-top: none;
  123.   margin-top: 0 !important;
  124.   margin-bottom: 0 !important;
  125. }
  126. div.dataTables_scrollBody table thead .sorting:after,
  127. div.dataTables_scrollBody table thead .sorting_asc:after,
  128. div.dataTables_scrollBody table thead .sorting_desc:after {
  129.   display: none;
  130. }
  131. div.dataTables_scrollBody table tbody tr:first-child th,
  132. div.dataTables_scrollBody table tbody tr:first-child td {
  133.   border-top: none;
  134. }
  135.  
  136. div.dataTables_scrollFoot table {
  137.   margin-top: 0 !important;
  138.   border-top: none;
  139. }
  140.  
  141. @media screen and (max-width: 767px) {
  142.   div.dataTables_wrapper div.dataTables_length,
  143.   div.dataTables_wrapper div.dataTables_filter,
  144.   div.dataTables_wrapper div.dataTables_info,
  145.   div.dataTables_wrapper div.dataTables_paginate {
  146.     text-align: center;
  147.   }
  148. }
  149. table.dataTable.table-condensed > thead > tr > th {
  150.   padding-right: 20px;
  151. }
  152. table.dataTable.table-condensed .sorting:after,
  153. table.dataTable.table-condensed .sorting_asc:after,
  154. table.dataTable.table-condensed .sorting_desc:after {
  155.   top: 6px;
  156.   right: 6px;
  157. }
  158.  
  159. table.table-bordered.dataTable th,
  160. table.table-bordered.dataTable td {
  161.   border-left-width: 0;
  162. }
  163. table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child,
  164. table.table-bordered.dataTable td:last-child,
  165. table.table-bordered.dataTable td:last-child {
  166.   border-right-width: 0;
  167. }
  168. table.table-bordered.dataTable tbody th,
  169. table.table-bordered.dataTable tbody td {
  170.   border-bottom-width: 0;
  171. }
  172.  
  173. div.dataTables_scrollHead table.table-bordered {
  174.   border-bottom-width: 0;
  175. }
  176.  
  177. div.table-responsive > div.dataTables_wrapper > div.row {
  178.   margin: 0;
  179. }
  180. div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
  181.   padding-left: 0;
  182. }
  183. div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
  184.   padding-right: 0;
  185. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement