Subversion-Projekte lars-tiefland.zeldi.de_alt

Revision

Details | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
2 lars 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: white;
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 #dddddd;
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 #dddddd;
82
  border-right: 1px solid #dddddd;
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 #dddddd;
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
  border: 1px solid transparent;
338
}
339
.dataTables_wrapper .dataTables_paginate .fg-button:active {
340
  outline: none;
341
}
342
.dataTables_wrapper .dataTables_paginate .fg-button:first-child {
343
  border-top-left-radius: 3px;
344
  border-bottom-left-radius: 3px;
345
}
346
.dataTables_wrapper .dataTables_paginate .fg-button:last-child {
347
  border-top-right-radius: 3px;
348
  border-bottom-right-radius: 3px;
349
}
350
.dataTables_wrapper .dataTables_processing {
351
  position: absolute;
352
  top: 50%;
353
  left: 50%;
354
  width: 100%;
355
  height: 40px;
356
  margin-left: -50%;
357
  margin-top: -25px;
358
  padding-top: 20px;
359
  text-align: center;
360
  font-size: 1.2em;
361
  background-color: white;
362
  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)));
363
  /* Chrome,Safari4+ */
364
  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%);
365
  /* Chrome10+,Safari5.1+ */
366
  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%);
367
  /* FF3.6+ */
368
  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%);
369
  /* IE10+ */
370
  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%);
371
  /* Opera 11.10+ */
372
  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%);
373
  /* W3C */
374
}
375
.dataTables_wrapper .dataTables_length,
376
.dataTables_wrapper .dataTables_filter,
377
.dataTables_wrapper .dataTables_info,
378
.dataTables_wrapper .dataTables_processing,
379
.dataTables_wrapper .dataTables_paginate {
380
  color: #333333;
381
}
382
.dataTables_wrapper .dataTables_scroll {
383
  clear: both;
384
}
385
.dataTables_wrapper .dataTables_scrollBody {
386
  *margin-top: -1px;
387
  -webkit-overflow-scrolling: touch;
388
}
389
.dataTables_wrapper .ui-widget-header {
390
  font-weight: normal;
391
}
392
.dataTables_wrapper .ui-toolbar {
393
  padding: 8px;
394
}
395
.dataTables_wrapper:after {
396
  visibility: hidden;
397
  display: block;
398
  content: "";
399
  clear: both;
400
  height: 0;
401
}
402
 
403
@media screen and (max-width: 767px) {
404
  .dataTables_wrapper .dataTables_length,
405
  .dataTables_wrapper .dataTables_filter,
406
  .dataTables_wrapper .dataTables_info,
407
  .dataTables_wrapper .dataTables_paginate {
408
    float: none;
409
    text-align: center;
410
  }
411
  .dataTables_wrapper .dataTables_filter,
412
  .dataTables_wrapper .dataTables_paginate {
413
    margin-top: 0.5em;
414
  }
415
}
416
/*
417
 * TableTools styling for jQuery UI
418
 */
419
div.DTTT_container {
420
  position: relative;
421
  float: left;
422
}
423
 
424
.DTTT_button {
425
  position: relative;
426
  float: left;
427
  margin-right: 3px;
428
  padding: 3px 10px;
429
  border: 1px solid #d0d0d0;
430
  background-color: #fff;
431
  color: #333;
432
  cursor: pointer;
433
}
434
 
435
.DTTT_button::-moz-focus-inner {
436
  border: none !important;
437
  padding: 0;
438
}
439
 
440
.DTTT_disabled {
441
  color: #999;
442
}
443
 
444
table.DTTT_selectable tbody tr {
445
  cursor: pointer;
446
}
447
 
448
div.DTTT_collection {
449
  width: 150px;
450
  background-color: #f3f3f3;
451
  overflow: hidden;
452
  z-index: 2002;
453
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
454
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
455
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
456
}
457
div.DTTT_collection button.DTTT_button,
458
div.DTTT_collection div.DTTT_button,
459
div.DTTT_collection a.DTTT_button {
460
  float: none;
461
  width: 100%;
462
  margin-bottom: -0.1em;
463
}
464
 
465
div.DTTT_collection_background {
466
  background: black;
467
  z-index: 2001;
468
}
469
 
470
.DTTT_print_info {
471
  position: absolute;
472
  top: 50%;
473
  left: 50%;
474
  width: 400px;
475
  height: 150px;
476
  margin-left: -200px;
477
  margin-top: -75px;
478
  text-align: center;
479
  background-color: #3f3f3f;
480
  color: white;
481
  padding: 10px 30px;
482
  opacity: 0.9;
483
  border-radius: 5px;
484
  -moz-border-radius: 5px;
485
  -webkit-border-radius: 5px;
486
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
487
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
488
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
489
}
490
.DTTT_print_info .DTTT_print_info h6 {
491
  font-weight: normal;
492
  font-size: 28px;
493
  line-height: 28px;
494
  margin: 1em;
495
}
496
.DTTT_print_info .DTTT_print_info p {
497
  font-size: 14px;
498
  line-height: 20px;
499
}