]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Table styles | |
3 | */ | |
4 | table.dataTable { | |
5 | width: 100%; | |
6 | margin: 0 auto; | |
7 | clear: both; | |
8 | border-collapse: separate; | |
9 | border-spacing: 0; | |
10 | /* | |
11 | * Header and footer styles | |
12 | */ | |
13 | /* | |
14 | * Body styles | |
15 | */ | |
16 | } | |
17 | table.dataTable thead th, | |
18 | table.dataTable tfoot th { | |
19 | font-weight: bold; | |
20 | } | |
21 | table.dataTable thead th, | |
22 | table.dataTable thead td { | |
23 | padding: 10px 18px; | |
24 | border-bottom: 1px solid #111; | |
25 | } | |
26 | table.dataTable thead th:active, | |
27 | table.dataTable thead td:active { | |
28 | outline: none; | |
29 | } | |
30 | table.dataTable tfoot th, | |
31 | table.dataTable tfoot td { | |
32 | padding: 10px 18px 6px 18px; | |
33 | border-top: 1px solid #111; | |
34 | } | |
35 | table.dataTable thead .sorting, | |
36 | table.dataTable thead .sorting_asc, | |
37 | table.dataTable thead .sorting_desc { | |
38 | cursor: pointer; | |
39 | *cursor: hand; | |
40 | } | |
41 | table.dataTable thead .sorting, | |
42 | table.dataTable thead .sorting_asc, | |
43 | table.dataTable thead .sorting_desc, | |
44 | table.dataTable thead .sorting_asc_disabled, | |
45 | table.dataTable thead .sorting_desc_disabled { | |
46 | background-repeat: no-repeat; | |
47 | background-position: center right; | |
48 | } | |
49 | table.dataTable thead .sorting { | |
50 | background-image: url("images/sort_both.png"); | |
51 | } | |
52 | table.dataTable thead .sorting_asc { | |
53 | background-image: url("images/sort_asc.png"); | |
54 | } | |
55 | table.dataTable thead .sorting_desc { | |
56 | background-image: url("images/sort_desc.png"); | |
57 | } | |
58 | table.dataTable thead .sorting_asc_disabled { | |
59 | background-image: url("images/sort_asc_disabled.png"); | |
60 | } | |
61 | table.dataTable thead .sorting_desc_disabled { | |
62 | background-image: url("images/sort_desc_disabled.png"); | |
63 | } | |
64 | table.dataTable tbody tr { | |
65 | background-color: #ffffff; | |
66 | } | |
67 | table.dataTable tbody tr.selected { | |
68 | background-color: #B0BED9; | |
69 | } | |
70 | table.dataTable tbody th, | |
71 | table.dataTable tbody td { | |
72 | padding: 8px 10px; | |
73 | } | |
74 | table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { | |
75 | border-top: 1px solid #ddd; | |
76 | } | |
77 | table.dataTable.row-border tbody tr:first-child th, | |
78 | table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, | |
79 | table.dataTable.display tbody tr:first-child td { | |
80 | border-top: none; | |
81 | } | |
82 | table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { | |
83 | border-top: 1px solid #ddd; | |
84 | border-right: 1px solid #ddd; | |
85 | } | |
86 | table.dataTable.cell-border tbody tr th:first-child, | |
87 | table.dataTable.cell-border tbody tr td:first-child { | |
88 | border-left: 1px solid #ddd; | |
89 | } | |
90 | table.dataTable.cell-border tbody tr:first-child th, | |
91 | table.dataTable.cell-border tbody tr:first-child td { | |
92 | border-top: none; | |
93 | } | |
94 | table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { | |
95 | background-color: #f9f9f9; | |
96 | } | |
97 | table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { | |
98 | background-color: #abb9d3; | |
99 | } | |
100 | table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover { | |
101 | background-color: whitesmoke; | |
102 | } | |
103 | table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected { | |
104 | background-color: #a9b7d1; | |
105 | } | |
106 | table.dataTable.order-column tbody tr > .sorting_1, | |
107 | table.dataTable.order-column tbody tr > .sorting_2, | |
108 | table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, | |
109 | table.dataTable.display tbody tr > .sorting_2, | |
110 | table.dataTable.display tbody tr > .sorting_3 { | |
111 | background-color: #f9f9f9; | |
112 | } | |
113 | table.dataTable.order-column tbody tr.selected > .sorting_1, | |
114 | table.dataTable.order-column tbody tr.selected > .sorting_2, | |
115 | table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, | |
116 | table.dataTable.display tbody tr.selected > .sorting_2, | |
117 | table.dataTable.display tbody tr.selected > .sorting_3 { | |
118 | background-color: #acbad4; | |
119 | } | |
120 | table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { | |
121 | background-color: #f1f1f1; | |
122 | } | |
123 | table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { | |
124 | background-color: #f3f3f3; | |
125 | } | |
126 | table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { | |
127 | background-color: whitesmoke; | |
128 | } | |
129 | table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { | |
130 | background-color: #a6b3cd; | |
131 | } | |
132 | table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { | |
133 | background-color: #a7b5ce; | |
134 | } | |
135 | table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { | |
136 | background-color: #a9b6d0; | |
137 | } | |
138 | table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { | |
139 | background-color: #f9f9f9; | |
140 | } | |
141 | table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { | |
142 | background-color: #fbfbfb; | |
143 | } | |
144 | table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { | |
145 | background-color: #fdfdfd; | |
146 | } | |
147 | table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { | |
148 | background-color: #acbad4; | |
149 | } | |
150 | table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { | |
151 | background-color: #adbbd6; | |
152 | } | |
153 | table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { | |
154 | background-color: #afbdd8; | |
155 | } | |
156 | table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { | |
157 | background-color: #eaeaea; | |
158 | } | |
159 | table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { | |
160 | background-color: #ebebeb; | |
161 | } | |
162 | table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { | |
163 | background-color: #eeeeee; | |
164 | } | |
165 | table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { | |
166 | background-color: #a1aec7; | |
167 | } | |
168 | table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { | |
169 | background-color: #a2afc8; | |
170 | } | |
171 | table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { | |
172 | background-color: #a4b2cb; | |
173 | } | |
174 | table.dataTable.no-footer { | |
175 | border-bottom: 1px solid #111; | |
176 | } | |
177 | table.dataTable.nowrap th, table.dataTable.nowrap td { | |
178 | white-space: nowrap; | |
179 | } | |
180 | table.dataTable.compact thead th, | |
181 | table.dataTable.compact thead td { | |
182 | padding: 4px 17px 4px 4px; | |
183 | } | |
184 | table.dataTable.compact tfoot th, | |
185 | table.dataTable.compact tfoot td { | |
186 | padding: 4px; | |
187 | } | |
188 | table.dataTable.compact tbody th, | |
189 | table.dataTable.compact tbody td { | |
190 | padding: 4px; | |
191 | } | |
192 | table.dataTable th.dt-left, | |
193 | table.dataTable td.dt-left { | |
194 | text-align: left; | |
195 | } | |
196 | table.dataTable th.dt-center, | |
197 | table.dataTable td.dt-center, | |
198 | table.dataTable td.dataTables_empty { | |
199 | text-align: center; | |
200 | } | |
201 | table.dataTable th.dt-right, | |
202 | table.dataTable td.dt-right { | |
203 | text-align: right; | |
204 | } | |
205 | table.dataTable th.dt-justify, | |
206 | table.dataTable td.dt-justify { | |
207 | text-align: justify; | |
208 | } | |
209 | table.dataTable th.dt-nowrap, | |
210 | table.dataTable td.dt-nowrap { | |
211 | white-space: nowrap; | |
212 | } | |
213 | table.dataTable thead th.dt-head-left, | |
214 | table.dataTable thead td.dt-head-left, | |
215 | table.dataTable tfoot th.dt-head-left, | |
216 | table.dataTable tfoot td.dt-head-left { | |
217 | text-align: left; | |
218 | } | |
219 | table.dataTable thead th.dt-head-center, | |
220 | table.dataTable thead td.dt-head-center, | |
221 | table.dataTable tfoot th.dt-head-center, | |
222 | table.dataTable tfoot td.dt-head-center { | |
223 | text-align: center; | |
224 | } | |
225 | table.dataTable thead th.dt-head-right, | |
226 | table.dataTable thead td.dt-head-right, | |
227 | table.dataTable tfoot th.dt-head-right, | |
228 | table.dataTable tfoot td.dt-head-right { | |
229 | text-align: right; | |
230 | } | |
231 | table.dataTable thead th.dt-head-justify, | |
232 | table.dataTable thead td.dt-head-justify, | |
233 | table.dataTable tfoot th.dt-head-justify, | |
234 | table.dataTable tfoot td.dt-head-justify { | |
235 | text-align: justify; | |
236 | } | |
237 | table.dataTable thead th.dt-head-nowrap, | |
238 | table.dataTable thead td.dt-head-nowrap, | |
239 | table.dataTable tfoot th.dt-head-nowrap, | |
240 | table.dataTable tfoot td.dt-head-nowrap { | |
241 | white-space: nowrap; | |
242 | } | |
243 | table.dataTable tbody th.dt-body-left, | |
244 | table.dataTable tbody td.dt-body-left { | |
245 | text-align: left; | |
246 | } | |
247 | table.dataTable tbody th.dt-body-center, | |
248 | table.dataTable tbody td.dt-body-center { | |
249 | text-align: center; | |
250 | } | |
251 | table.dataTable tbody th.dt-body-right, | |
252 | table.dataTable tbody td.dt-body-right { | |
253 | text-align: right; | |
254 | } | |
255 | table.dataTable tbody th.dt-body-justify, | |
256 | table.dataTable tbody td.dt-body-justify { | |
257 | text-align: justify; | |
258 | } | |
259 | table.dataTable tbody th.dt-body-nowrap, | |
260 | table.dataTable tbody td.dt-body-nowrap { | |
261 | white-space: nowrap; | |
262 | } | |
263 | ||
264 | table.dataTable, | |
265 | table.dataTable th, | |
266 | table.dataTable td { | |
267 | -webkit-box-sizing: content-box; | |
268 | -moz-box-sizing: content-box; | |
269 | box-sizing: content-box; | |
270 | } | |
271 | ||
272 | /* | |
273 | * Control feature layout | |
274 | */ | |
275 | .dataTables_wrapper { | |
276 | position: relative; | |
277 | clear: both; | |
278 | *zoom: 1; | |
279 | zoom: 1; | |
280 | } | |
281 | .dataTables_wrapper .dataTables_length { | |
282 | float: left; | |
283 | } | |
284 | .dataTables_wrapper .dataTables_filter { | |
285 | float: right; | |
286 | text-align: right; | |
287 | } | |
288 | .dataTables_wrapper .dataTables_filter input { | |
289 | margin-left: 0.5em; | |
290 | } | |
291 | .dataTables_wrapper .dataTables_info { | |
292 | clear: both; | |
293 | float: left; | |
294 | padding-top: 0.755em; | |
295 | } | |
296 | .dataTables_wrapper .dataTables_paginate { | |
297 | float: right; | |
298 | text-align: right; | |
299 | padding-top: 0.25em; | |
300 | } | |
301 | .dataTables_wrapper .dataTables_paginate .paginate_button { | |
302 | box-sizing: border-box; | |
303 | display: inline-block; | |
304 | min-width: 1.5em; | |
305 | padding: 0.5em 1em; | |
306 | margin-left: 2px; | |
307 | text-align: center; | |
308 | text-decoration: none !important; | |
309 | cursor: pointer; | |
310 | *cursor: hand; | |
311 | color: #333 !important; | |
312 | border: 1px solid transparent; | |
313 | } | |
314 | .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { | |
315 | color: #333 !important; | |
316 | border: 1px solid #cacaca; | |
317 | background-color: white; | |
318 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); | |
319 | /* Chrome,Safari4+ */ | |
320 | background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); | |
321 | /* Chrome10+,Safari5.1+ */ | |
322 | background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); | |
323 | /* FF3.6+ */ | |
324 | background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); | |
325 | /* IE10+ */ | |
326 | background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); | |
327 | /* Opera 11.10+ */ | |
328 | background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); | |
329 | /* W3C */ | |
330 | } | |
331 | .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { | |
332 | cursor: default; | |
333 | color: #666 !important; | |
334 | border: 1px solid transparent; | |
335 | background: transparent; | |
336 | box-shadow: none; | |
337 | } | |
338 | .dataTables_wrapper .dataTables_paginate .paginate_button:hover { | |
339 | color: white !important; | |
340 | border: 1px solid #111; | |
341 | background-color: #585858; | |
342 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); | |
343 | /* Chrome,Safari4+ */ | |
344 | background: -webkit-linear-gradient(top, #585858 0%, #111 100%); | |
345 | /* Chrome10+,Safari5.1+ */ | |
346 | background: -moz-linear-gradient(top, #585858 0%, #111 100%); | |
347 | /* FF3.6+ */ | |
348 | background: -ms-linear-gradient(top, #585858 0%, #111 100%); | |
349 | /* IE10+ */ | |
350 | background: -o-linear-gradient(top, #585858 0%, #111 100%); | |
351 | /* Opera 11.10+ */ | |
352 | background: linear-gradient(to bottom, #585858 0%, #111 100%); | |
353 | /* W3C */ | |
354 | } | |
355 | .dataTables_wrapper .dataTables_paginate .paginate_button:active { | |
356 | outline: none; | |
357 | background-color: #2b2b2b; | |
358 | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); | |
359 | /* Chrome,Safari4+ */ | |
360 | background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); | |
361 | /* Chrome10+,Safari5.1+ */ | |
362 | background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); | |
363 | /* FF3.6+ */ | |
364 | background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); | |
365 | /* IE10+ */ | |
366 | background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); | |
367 | /* Opera 11.10+ */ | |
368 | background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); | |
369 | /* W3C */ | |
370 | box-shadow: inset 0 0 3px #111; | |
371 | } | |
372 | .dataTables_wrapper .dataTables_paginate .ellipsis { | |
373 | padding: 0 1em; | |
374 | } | |
375 | .dataTables_wrapper .dataTables_processing { | |
376 | position: absolute; | |
377 | top: 50%; | |
378 | left: 50%; | |
379 | width: 100%; | |
380 | height: 40px; | |
381 | margin-left: -50%; | |
382 | margin-top: -25px; | |
383 | padding-top: 20px; | |
384 | text-align: center; | |
385 | font-size: 1.2em; | |
386 | background-color: white; | |
387 | 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))); | |
388 | /* Chrome,Safari4+ */ | |
389 | 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%); | |
390 | /* Chrome10+,Safari5.1+ */ | |
391 | 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%); | |
392 | /* FF3.6+ */ | |
393 | 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%); | |
394 | /* IE10+ */ | |
395 | 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%); | |
396 | /* Opera 11.10+ */ | |
397 | 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%); | |
398 | /* W3C */ | |
399 | } | |
400 | .dataTables_wrapper .dataTables_length, | |
401 | .dataTables_wrapper .dataTables_filter, | |
402 | .dataTables_wrapper .dataTables_info, | |
403 | .dataTables_wrapper .dataTables_processing, | |
404 | .dataTables_wrapper .dataTables_paginate { | |
405 | color: #333; | |
406 | } | |
407 | .dataTables_wrapper .dataTables_scroll { | |
408 | clear: both; | |
409 | } | |
410 | .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { | |
411 | *margin-top: -1px; | |
412 | -webkit-overflow-scrolling: touch; | |
413 | } | |
414 | .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing, | |
415 | .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { | |
416 | height: 0; | |
417 | overflow: hidden; | |
418 | margin: 0 !important; | |
419 | padding: 0 !important; | |
420 | } | |
421 | .dataTables_wrapper.no-footer .dataTables_scrollBody { | |
422 | border-bottom: 1px solid #111; | |
423 | } | |
424 | .dataTables_wrapper.no-footer div.dataTables_scrollHead table, | |
425 | .dataTables_wrapper.no-footer div.dataTables_scrollBody table { | |
426 | border-bottom: none; | |
427 | } | |
428 | .dataTables_wrapper:after { | |
429 | visibility: hidden; | |
430 | display: block; | |
431 | content: ""; | |
432 | clear: both; | |
433 | height: 0; | |
434 | } | |
435 | ||
436 | @media screen and (max-width: 767px) { | |
437 | .dataTables_wrapper .dataTables_info, | |
438 | .dataTables_wrapper .dataTables_paginate { | |
439 | float: none; | |
440 | text-align: center; | |
441 | } | |
442 | .dataTables_wrapper .dataTables_paginate { | |
443 | margin-top: 0.5em; | |
444 | } | |
445 | } | |
446 | @media screen and (max-width: 640px) { | |
447 | .dataTables_wrapper .dataTables_length, | |
448 | .dataTables_wrapper .dataTables_filter { | |
449 | float: none; | |
450 | text-align: center; | |
451 | } | |
452 | .dataTables_wrapper .dataTables_filter { | |
453 | margin-top: 0.5em; | |
454 | } | |
455 | } |