dataTables.bootstrap.css 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294
  1. div.dataTables_length label {
  2. font-weight: normal;
  3. float: left;
  4. text-align: left;
  5. }
  6. div.dataTables_length select {
  7. width: 75px;
  8. }
  9. div.dataTables_filter label {
  10. font-weight: normal;
  11. float: right;
  12. }
  13. div.dataTables_filter input {
  14. width: 16em;
  15. }
  16. div.dataTables_info {
  17. padding-top: 8px;
  18. }
  19. div.dataTables_paginate {
  20. float: right;
  21. margin: 0;
  22. }
  23. div.dataTables_paginate ul.pagination {
  24. margin: 2px 0;
  25. white-space: nowrap;
  26. }
  27. table.dataTable td,
  28. table.dataTable th {
  29. -webkit-box-sizing: content-box;
  30. -moz-box-sizing: content-box;
  31. box-sizing: content-box;
  32. }
  33. table.dataTable {
  34. clear: both;
  35. margin-top: 6px !important;
  36. margin-bottom: 6px !important;
  37. max-width: none !important;
  38. }
  39. table.dataTable thead .sorting,
  40. table.dataTable thead .sorting_asc,
  41. table.dataTable thead .sorting_desc,
  42. table.dataTable thead .sorting_asc_disabled,
  43. table.dataTable thead .sorting_desc_disabled {
  44. cursor: pointer;
  45. }
  46. table.dataTable thead .sorting:after,
  47. table.dataTable thead .sorting_asc:after,
  48. table.dataTable thead .sorting_desc:after{
  49. font-family: FontAwesome;
  50. color: #ccc;
  51. position: relative;
  52. font-weight: normal;
  53. float: right;
  54. }
  55. table.dataTable thead .sorting:after{content:"\f0dc";}
  56. table.dataTable thead .sorting_asc:after{content:"\f0de";}
  57. table.dataTable thead .sorting_desc:after{content:"\f0dd";}
  58. table.dataTable thead .sorting_asc_disabled { }
  59. table.dataTable thead .sorting_desc_disabled { }
  60. table.dataTable thead > tr > th {
  61. padding-left: 18px;
  62. padding-right: 18px;
  63. }
  64. table.dataTable th:active {
  65. outline: none;
  66. }
  67. /* Scrolling */
  68. div.dataTables_scrollHead table {
  69. margin-bottom: 0 !important;
  70. border-bottom-left-radius: 0;
  71. border-bottom-right-radius: 0;
  72. }
  73. div.dataTables_scrollHead table thead tr:last-child th:first-child,
  74. div.dataTables_scrollHead table thead tr:last-child td:first-child {
  75. border-bottom-left-radius: 0 !important;
  76. border-bottom-right-radius: 0 !important;
  77. }
  78. div.dataTables_scrollBody table {
  79. border-top: none;
  80. margin-top: 0 !important;
  81. margin-bottom: 0 !important;
  82. }
  83. div.dataTables_scrollBody tbody tr:first-child th,
  84. div.dataTables_scrollBody tbody tr:first-child td {
  85. border-top: none;
  86. }
  87. div.dataTables_scrollFoot table {
  88. margin-top: 0 !important;
  89. border-top: none;
  90. }
  91. /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
  92. width calculations when using scrolling impossible to align columns. We have
  93. to use separate
  94. */
  95. table.table-bordered.dataTable {
  96. border-collapse: separate !important;
  97. }
  98. table.table-bordered thead th,
  99. table.table-bordered thead td {
  100. border-left-width: 0;
  101. border-top-width: 0;
  102. }
  103. table.table-bordered tbody th,
  104. table.table-bordered tbody td {
  105. border-left-width: 0;
  106. border-bottom-width: 0;
  107. }
  108. table.table-bordered th:last-child,
  109. table.table-bordered td:last-child {
  110. border-right-width: 0;
  111. }
  112. div.dataTables_scrollHead table.table-bordered {
  113. border-bottom-width: 0;
  114. }
  115. /*
  116. * TableTools styles
  117. */
  118. .table tbody tr.active td,
  119. .table tbody tr.active th {
  120. background-color: #08C;
  121. color: white;
  122. }
  123. .table tbody tr.active:hover td,
  124. .table tbody tr.active:hover th {
  125. background-color: #0075b0 !important;
  126. }
  127. .table tbody tr.active a {
  128. color: white;
  129. }
  130. .table-striped tbody tr.active:nth-child(odd) td,
  131. .table-striped tbody tr.active:nth-child(odd) th {
  132. background-color: #017ebc;
  133. }
  134. table.DTTT_selectable tbody tr {
  135. cursor: pointer;
  136. }
  137. div.DTTT .btn {
  138. color: #333 !important;
  139. font-size: 12px;
  140. }
  141. div.DTTT .btn:hover {
  142. text-decoration: none !important;
  143. }
  144. ul.DTTT_dropdown.dropdown-menu {
  145. z-index: 2003;
  146. }
  147. ul.DTTT_dropdown.dropdown-menu a {
  148. color: #333 !important; /* needed only when demo_page.css is included */
  149. }
  150. ul.DTTT_dropdown.dropdown-menu li {
  151. position: relative;
  152. }
  153. ul.DTTT_dropdown.dropdown-menu li:hover a {
  154. background-color: #0088cc;
  155. color: white !important;
  156. }
  157. div.DTTT_collection_background {
  158. z-index: 2002;
  159. }
  160. /* TableTools information display */
  161. div.DTTT_print_info.modal {
  162. height: 150px;
  163. margin-top: -75px;
  164. text-align: center;
  165. }
  166. div.DTTT_print_info h6 {
  167. font-weight: normal;
  168. font-size: 28px;
  169. line-height: 28px;
  170. margin: 1em;
  171. }
  172. div.DTTT_print_info p {
  173. font-size: 14px;
  174. line-height: 20px;
  175. }
  176. div.dataTables_processing {
  177. position: absolute;
  178. top: 50%;
  179. left: 50%;
  180. width: 100%;
  181. height: 40px;
  182. margin-left: -50%;
  183. margin-top: -25px;
  184. padding-top: 20px;
  185. text-align: center;
  186. font-size: 1.2em;
  187. background-color: white;
  188. background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));
  189. background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  190. background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  191. background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  192. background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  193. background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);
  194. }
  195. /*
  196. * FixedColumns styles
  197. */
  198. div.DTFC_LeftHeadWrapper table,
  199. div.DTFC_LeftFootWrapper table,
  200. div.DTFC_RightHeadWrapper table,
  201. div.DTFC_RightFootWrapper table,
  202. table.DTFC_Cloned tr.even {
  203. background-color: white;
  204. margin-bottom: 0;
  205. }
  206. div.DTFC_RightHeadWrapper table ,
  207. div.DTFC_LeftHeadWrapper table {
  208. margin-bottom: 0 !important;
  209. border-top-right-radius: 0 !important;
  210. border-bottom-left-radius: 0 !important;
  211. border-bottom-right-radius: 0 !important;
  212. }
  213. div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
  214. div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
  215. div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
  216. div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  217. border-bottom-left-radius: 0 !important;
  218. border-bottom-right-radius: 0 !important;
  219. }
  220. div.DTFC_RightBodyWrapper table,
  221. div.DTFC_LeftBodyWrapper table {
  222. border-top: none;
  223. margin: 0 !important;
  224. }
  225. div.DTFC_RightBodyWrapper tbody tr:first-child th,
  226. div.DTFC_RightBodyWrapper tbody tr:first-child td,
  227. div.DTFC_LeftBodyWrapper tbody tr:first-child th,
  228. div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  229. border-top: none;
  230. }
  231. div.DTFC_RightFootWrapper table,
  232. div.DTFC_LeftFootWrapper table {
  233. border-top: none;
  234. }
  235. /*
  236. * FixedHeader styles
  237. */
  238. div.FixedHeader_Cloned table {
  239. margin: 0 !important
  240. }
  241. /* in a panel */
  242. .panel .dataTables_wrapper .row{margin:10px 0}
  243. .panel .dataTable{border: 1px solid #eaeeea; border-width: 1px 0; width:100% !important;}