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