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