dataTables.bootstrap.css 8.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372
  1. div.dataTables_length label {
  2. font-weight: normal;
  3. text-align: left;
  4. white-space: nowrap;
  5. }
  6. div.dataTables_length select {
  7. width: 75px;
  8. display: inline-block;
  9. }
  10. div.dataTables_filter {
  11. text-align: right;
  12. }
  13. div.dataTables_filter label {
  14. font-weight: normal;
  15. white-space: nowrap;
  16. text-align: left;
  17. }
  18. div.dataTables_filter input {
  19. margin-left: 0.5em;
  20. display: inline-block;
  21. width: auto;
  22. }
  23. div.dataTables_info {
  24. padding-top: 8px;
  25. white-space: nowrap;
  26. }
  27. div.dataTables_paginate {
  28. margin: 0;
  29. white-space: nowrap;
  30. text-align: right;
  31. }
  32. div.dataTables_paginate ul.pagination {
  33. margin: 2px 0;
  34. white-space: nowrap;
  35. }
  36. @media screen and (max-width: 767px) {
  37. div.dataTables_wrapper > div.row > div,
  38. div.dataTables_length,
  39. div.dataTables_filter,
  40. div.dataTables_info,
  41. div.dataTables_paginate {
  42. text-align: center;
  43. }
  44. div.DTTT {
  45. margin-bottom: 0.5em;
  46. }
  47. }
  48. table.dataTable td,
  49. table.dataTable th {
  50. -webkit-box-sizing: content-box;
  51. -moz-box-sizing: content-box;
  52. box-sizing: content-box;
  53. }
  54. table.dataTable {
  55. clear: both;
  56. margin-top: 6px !important;
  57. margin-bottom: 6px !important;
  58. max-width: none !important;
  59. }
  60. table.dataTable thead .sorting,
  61. table.dataTable thead .sorting_asc,
  62. table.dataTable thead .sorting_desc,
  63. table.dataTable thead .sorting_asc_disabled,
  64. table.dataTable thead .sorting_desc_disabled {
  65. cursor: pointer;
  66. position: relative;
  67. }
  68. table.dataTable thead .sorting:after,
  69. table.dataTable thead .sorting_asc:after,
  70. table.dataTable thead .sorting_desc:after {
  71. position: absolute;
  72. top: 8px;
  73. right: 8px;
  74. display: block;
  75. font-family: 'Glyphicons Halflings';
  76. opacity: 0.5;
  77. }
  78. table.dataTable thead .sorting:after {
  79. opacity: 0.2;
  80. content: "\e150"; /* sort */
  81. }
  82. table.dataTable thead .sorting_asc:after {
  83. content: "\e155"; /* sort-by-attributes */
  84. }
  85. table.dataTable thead .sorting_desc:after {
  86. content: "\e156"; /* sort-by-attributes-alt */
  87. }
  88. div.dataTables_scrollBody table.dataTable thead .sorting:after,
  89. div.dataTables_scrollBody table.dataTable thead .sorting_asc:after,
  90. div.dataTables_scrollBody table.dataTable thead .sorting_desc:after {
  91. display: none;
  92. }
  93. table.dataTable thead .sorting_asc_disabled:after,
  94. table.dataTable thead .sorting_desc_disabled:after {
  95. color: #eee;
  96. }
  97. table.dataTable thead > tr > th {
  98. padding-right: 30px;
  99. }
  100. table.dataTable th:active {
  101. outline: none;
  102. }
  103. /* Condensed */
  104. table.dataTable.table-condensed thead > tr > th {
  105. padding-right: 20px;
  106. }
  107. table.dataTable.table-condensed thead .sorting:after,
  108. table.dataTable.table-condensed thead .sorting_asc:after,
  109. table.dataTable.table-condensed thead .sorting_desc:after {
  110. top: 6px;
  111. right: 6px;
  112. }
  113. /* Scrolling */
  114. div.dataTables_scrollHead table {
  115. margin-bottom: 0 !important;
  116. border-bottom-left-radius: 0;
  117. border-bottom-right-radius: 0;
  118. }
  119. div.dataTables_scrollHead table thead tr:last-child th:first-child,
  120. div.dataTables_scrollHead table thead tr:last-child td:first-child {
  121. border-bottom-left-radius: 0 !important;
  122. border-bottom-right-radius: 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 tbody tr:first-child th,
  130. div.dataTables_scrollBody tbody tr:first-child td {
  131. border-top: none;
  132. }
  133. div.dataTables_scrollFoot table {
  134. margin-top: 0 !important;
  135. border-top: none;
  136. }
  137. /* Frustratingly the border-collapse:collapse used by Bootstrap makes the column
  138. width calculations when using scrolling impossible to align columns. We have
  139. to use separate
  140. */
  141. table.table-bordered.dataTable {
  142. border-collapse: separate !important;
  143. }
  144. table.table-bordered thead th,
  145. table.table-bordered thead td {
  146. border-left-width: 0;
  147. border-top-width: 0;
  148. }
  149. table.table-bordered tbody th,
  150. table.table-bordered tbody td {
  151. border-left-width: 0;
  152. border-bottom-width: 0;
  153. }
  154. table.table-bordered tfoot th,
  155. table.table-bordered tfoot td {
  156. border-left-width: 0;
  157. border-bottom-width: 0;
  158. }
  159. table.table-bordered th:last-child,
  160. table.table-bordered td:last-child {
  161. border-right-width: 0;
  162. }
  163. div.dataTables_scrollHead table.table-bordered {
  164. border-bottom-width: 0;
  165. }
  166. /*
  167. * TableTools styles
  168. */
  169. .table.dataTable tbody tr.active td,
  170. .table.dataTable tbody tr.active th {
  171. background-color: #08C;
  172. color: white;
  173. }
  174. .table.dataTable tbody tr.active:hover td,
  175. .table.dataTable tbody tr.active:hover th {
  176. background-color: #0075b0 !important;
  177. }
  178. .table.dataTable tbody tr.active th > a,
  179. .table.dataTable tbody tr.active td > a {
  180. color: white;
  181. }
  182. .table-striped.dataTable tbody tr.active:nth-child(odd) td,
  183. .table-striped.dataTable tbody tr.active:nth-child(odd) th {
  184. background-color: #017ebc;
  185. }
  186. table.DTTT_selectable tbody tr {
  187. cursor: pointer;
  188. }
  189. div.DTTT .btn:hover {
  190. text-decoration: none !important;
  191. }
  192. ul.DTTT_dropdown.dropdown-menu {
  193. z-index: 2003;
  194. }
  195. ul.DTTT_dropdown.dropdown-menu a {
  196. color: #333 !important; /* needed only when demo_page.css is included */
  197. }
  198. ul.DTTT_dropdown.dropdown-menu li {
  199. position: relative;
  200. }
  201. ul.DTTT_dropdown.dropdown-menu li:hover a {
  202. background-color: #0088cc;
  203. color: white !important;
  204. }
  205. div.DTTT_collection_background {
  206. z-index: 2002;
  207. }
  208. /* TableTools information display */
  209. div.DTTT_print_info {
  210. position: fixed;
  211. top: 50%;
  212. left: 50%;
  213. width: 400px;
  214. height: 150px;
  215. margin-left: -200px;
  216. margin-top: -75px;
  217. text-align: center;
  218. color: #333;
  219. padding: 10px 30px;
  220. opacity: 0.95;
  221. background-color: white;
  222. border: 1px solid rgba(0, 0, 0, 0.2);
  223. border-radius: 6px;
  224. -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  225. box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);
  226. }
  227. div.DTTT_print_info h6 {
  228. font-weight: normal;
  229. font-size: 28px;
  230. line-height: 28px;
  231. margin: 1em;
  232. }
  233. div.DTTT_print_info p {
  234. font-size: 14px;
  235. line-height: 20px;
  236. }
  237. div.dataTables_processing {
  238. position: absolute;
  239. top: 50%;
  240. left: 50%;
  241. width: 100%;
  242. height: 60px;
  243. margin-left: -50%;
  244. margin-top: -25px;
  245. padding-top: 20px;
  246. padding-bottom: 20px;
  247. text-align: center;
  248. font-size: 1.2em;
  249. background-color: white;
  250. 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)));
  251. 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%);
  252. 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%);
  253. 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%);
  254. 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%);
  255. 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%);
  256. }
  257. /*
  258. * FixedColumns styles
  259. */
  260. div.DTFC_LeftHeadWrapper table,
  261. div.DTFC_LeftFootWrapper table,
  262. div.DTFC_RightHeadWrapper table,
  263. div.DTFC_RightFootWrapper table,
  264. table.DTFC_Cloned tr.even {
  265. background-color: white;
  266. margin-bottom: 0;
  267. }
  268. div.DTFC_RightHeadWrapper table ,
  269. div.DTFC_LeftHeadWrapper table {
  270. border-bottom: none !important;
  271. margin-bottom: 0 !important;
  272. border-top-right-radius: 0 !important;
  273. border-bottom-left-radius: 0 !important;
  274. border-bottom-right-radius: 0 !important;
  275. }
  276. div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
  277. div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
  278. div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
  279. div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
  280. border-bottom-left-radius: 0 !important;
  281. border-bottom-right-radius: 0 !important;
  282. }
  283. div.DTFC_RightBodyWrapper table,
  284. div.DTFC_LeftBodyWrapper table {
  285. border-top: none;
  286. margin: 0 !important;
  287. }
  288. div.DTFC_RightBodyWrapper tbody tr:first-child th,
  289. div.DTFC_RightBodyWrapper tbody tr:first-child td,
  290. div.DTFC_LeftBodyWrapper tbody tr:first-child th,
  291. div.DTFC_LeftBodyWrapper tbody tr:first-child td {
  292. border-top: none;
  293. }
  294. div.DTFC_RightFootWrapper table,
  295. div.DTFC_LeftFootWrapper table {
  296. border-top: none;
  297. margin-top: 0 !important;
  298. }
  299. div.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,
  300. div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,
  301. div.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,
  302. div.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,
  303. div.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,
  304. div.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {
  305. display: none;
  306. }
  307. /*
  308. * FixedHeader styles
  309. */
  310. div.FixedHeader_Cloned table {
  311. margin: 0 !important
  312. }