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.

333 lines
7.5 KiB

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