Subversion Repositories ALCASAR

Rev

Details | Last modification | View Log

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