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