CoCalc -- jquery.dataTables

GitHub Repository: malwaredllc/byob
Path: blob/master/web-gui/buildyourownbotnet/assets/js/datatables/DataTables-1.10.9/css/jquery.dataTables_themeroller.css
¹²⁹³ views
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
}
417

418
Product

Resources

Company
