Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
malwaredllc
GitHub Repository: malwaredllc/byob
 Path: blob/master/web-gui/buildyourownbotnet/assets/js/datatables/DataTables-1.10.9/css/jquery.dataTables.css
1293 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 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 #111;

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 #111;

34
}

35
table.dataTable thead .sorting,

36
table.dataTable thead .sorting_asc,

37
table.dataTable thead .sorting_desc {

38
  cursor: pointer;

39
  *cursor: hand;

40
}

41
table.dataTable thead .sorting,

42
table.dataTable thead .sorting_asc,

43
table.dataTable thead .sorting_desc,

44
table.dataTable thead .sorting_asc_disabled,

45
table.dataTable thead .sorting_desc_disabled {

46
  background-repeat: no-repeat;

47
  background-position: center right;

48
}

49
table.dataTable thead .sorting {

50
  background-image: url("../images/sort_both.png");

51
}

52
table.dataTable thead .sorting_asc {

53
  background-image: url("../images/sort_asc.png");

54
}

55
table.dataTable thead .sorting_desc {

56
  background-image: url("../images/sort_desc.png");

57
}

58
table.dataTable thead .sorting_asc_disabled {

59
  background-image: url("../images/sort_asc_disabled.png");

60
}

61
table.dataTable thead .sorting_desc_disabled {

62
  background-image: url("../images/sort_desc_disabled.png");

63
}

64
table.dataTable tbody tr {

65
  background-color: #ffffff;

66
}

67
table.dataTable tbody tr.selected {

68
  background-color: #B0BED9;

69
}

70
table.dataTable tbody th,

71
table.dataTable tbody td {

72
  padding: 8px 10px;

73
}

74
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {

75
  border-top: 1px solid #ddd;

76
}

77
table.dataTable.row-border tbody tr:first-child th,

78
table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th,

79
table.dataTable.display tbody tr:first-child td {

80
  border-top: none;

81
}

82
table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td {

83
  border-top: 1px solid #ddd;

84
  border-right: 1px solid #ddd;

85
}

86
table.dataTable.cell-border tbody tr th:first-child,

87
table.dataTable.cell-border tbody tr td:first-child {

88
  border-left: 1px solid #ddd;

89
}

90
table.dataTable.cell-border tbody tr:first-child th,

91
table.dataTable.cell-border tbody tr:first-child td {

92
  border-top: none;

93
}

94
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {

95
  background-color: #f9f9f9;

96
}

97
table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected {

98
  background-color: #acbad4;

99
}

100
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {

101
  background-color: #f6f6f6;

102
}

103
table.dataTable.hover tbody tr:hover.selected, table.dataTable.display tbody tr:hover.selected {

104
  background-color: #aab7d1;

105
}

106
table.dataTable.order-column tbody tr > .sorting_1,

107
table.dataTable.order-column tbody tr > .sorting_2,

108
table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1,

109
table.dataTable.display tbody tr > .sorting_2,

110
table.dataTable.display tbody tr > .sorting_3 {

111
  background-color: #fafafa;

112
}

113
table.dataTable.order-column tbody tr.selected > .sorting_1,

114
table.dataTable.order-column tbody tr.selected > .sorting_2,

115
table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1,

116
table.dataTable.display tbody tr.selected > .sorting_2,

117
table.dataTable.display tbody tr.selected > .sorting_3 {

118
  background-color: #acbad5;

119
}

120
table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 {

121
  background-color: #f1f1f1;

122
}

123
table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 {

124
  background-color: #f3f3f3;

125
}

126
table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 {

127
  background-color: whitesmoke;

128
}

129
table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 {

130
  background-color: #a6b4cd;

131
}

132
table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 {

133
  background-color: #a8b5cf;

134
}

135
table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 {

136
  background-color: #a9b7d1;

137
}

138
table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 {

139
  background-color: #fafafa;

140
}

141
table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 {

142
  background-color: #fcfcfc;

143
}

144
table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 {

145
  background-color: #fefefe;

146
}

147
table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 {

148
  background-color: #acbad5;

149
}

150
table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 {

151
  background-color: #aebcd6;

152
}

153
table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 {

154
  background-color: #afbdd8;

155
}

156
table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {

157
  background-color: #eaeaea;

158
}

159
table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {

160
  background-color: #ececec;

161
}

162
table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {

163
  background-color: #efefef;

164
}

165
table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {

166
  background-color: #a2aec7;

167
}

168
table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {

169
  background-color: #a3b0c9;

170
}

171
table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {

172
  background-color: #a5b2cb;

173
}

174
table.dataTable.no-footer {

175
  border-bottom: 1px solid #111;

176
}

177
table.dataTable.nowrap th, table.dataTable.nowrap td {

178
  white-space: nowrap;

179
}

180
table.dataTable.compact thead th,

181
table.dataTable.compact thead td {

182
  padding: 4px 17px 4px 4px;

183
}

184
table.dataTable.compact tfoot th,

185
table.dataTable.compact tfoot td {

186
  padding: 4px;

187
}

188
table.dataTable.compact tbody th,

189
table.dataTable.compact tbody td {

190
  padding: 4px;

191
}

192
table.dataTable th.dt-left,

193
table.dataTable td.dt-left {

194
  text-align: left;

195
}

196
table.dataTable th.dt-center,

197
table.dataTable td.dt-center,

198
table.dataTable td.dataTables_empty {

199
  text-align: center;

200
}

201
table.dataTable th.dt-right,

202
table.dataTable td.dt-right {

203
  text-align: right;

204
}

205
table.dataTable th.dt-justify,

206
table.dataTable td.dt-justify {

207
  text-align: justify;

208
}

209
table.dataTable th.dt-nowrap,

210
table.dataTable td.dt-nowrap {

211
  white-space: nowrap;

212
}

213
table.dataTable thead th.dt-head-left,

214
table.dataTable thead td.dt-head-left,

215
table.dataTable tfoot th.dt-head-left,

216
table.dataTable tfoot td.dt-head-left {

217
  text-align: left;

218
}

219
table.dataTable thead th.dt-head-center,

220
table.dataTable thead td.dt-head-center,

221
table.dataTable tfoot th.dt-head-center,

222
table.dataTable tfoot td.dt-head-center {

223
  text-align: center;

224
}

225
table.dataTable thead th.dt-head-right,

226
table.dataTable thead td.dt-head-right,

227
table.dataTable tfoot th.dt-head-right,

228
table.dataTable tfoot td.dt-head-right {

229
  text-align: right;

230
}

231
table.dataTable thead th.dt-head-justify,

232
table.dataTable thead td.dt-head-justify,

233
table.dataTable tfoot th.dt-head-justify,

234
table.dataTable tfoot td.dt-head-justify {

235
  text-align: justify;

236
}

237
table.dataTable thead th.dt-head-nowrap,

238
table.dataTable thead td.dt-head-nowrap,

239
table.dataTable tfoot th.dt-head-nowrap,

240
table.dataTable tfoot td.dt-head-nowrap {

241
  white-space: nowrap;

242
}

243
table.dataTable tbody th.dt-body-left,

244
table.dataTable tbody td.dt-body-left {

245
  text-align: left;

246
}

247
table.dataTable tbody th.dt-body-center,

248
table.dataTable tbody td.dt-body-center {

249
  text-align: center;

250
}

251
table.dataTable tbody th.dt-body-right,

252
table.dataTable tbody td.dt-body-right {

253
  text-align: right;

254
}

255
table.dataTable tbody th.dt-body-justify,

256
table.dataTable tbody td.dt-body-justify {

257
  text-align: justify;

258
}

259
table.dataTable tbody th.dt-body-nowrap,

260
table.dataTable tbody td.dt-body-nowrap {

261
  white-space: nowrap;

262
}

263


264
table.dataTable,

265
table.dataTable th,

266
table.dataTable td {

267
  -webkit-box-sizing: content-box;

268
  -moz-box-sizing: content-box;

269
  box-sizing: content-box;

270
}

271


272
/*

273
 * Control feature layout

274
 */

275
.dataTables_wrapper {

276
  position: relative;

277
  clear: both;

278
  *zoom: 1;

279
  zoom: 1;

280
}

281
.dataTables_wrapper .dataTables_length {

282
  float: left;

283
}

284
.dataTables_wrapper .dataTables_filter {

285
  float: right;

286
  text-align: right;

287
}

288
.dataTables_wrapper .dataTables_filter input {

289
  margin-left: 0.5em;

290
}

291
.dataTables_wrapper .dataTables_info {

292
  clear: both;

293
  float: left;

294
  padding-top: 0.755em;

295
}

296
.dataTables_wrapper .dataTables_paginate {

297
  float: right;

298
  text-align: right;

299
  padding-top: 0.25em;

300
}

301
.dataTables_wrapper .dataTables_paginate .paginate_button {

302
  box-sizing: border-box;

303
  display: inline-block;

304
  min-width: 1.5em;

305
  padding: 0.5em 1em;

306
  margin-left: 2px;

307
  text-align: center;

308
  text-decoration: none !important;

309
  cursor: pointer;

310
  *cursor: hand;

311
  color: #333 !important;

312
  border: 1px solid transparent;

313
  border-radius: 2px;

314
}

315
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {

316
  color: #333 !important;

317
  border: 1px solid #979797;

318
  background-color: white;

319
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc));

320
  /* Chrome,Safari4+ */

321
  background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%);

322
  /* Chrome10+,Safari5.1+ */

323
  background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%);

324
  /* FF3.6+ */

325
  background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%);

326
  /* IE10+ */

327
  background: -o-linear-gradient(top, white 0%, #dcdcdc 100%);

328
  /* Opera 11.10+ */

329
  background: linear-gradient(to bottom, white 0%, #dcdcdc 100%);

330
  /* W3C */

331
}

332
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {

333
  cursor: default;

334
  color: #666 !important;

335
  border: 1px solid transparent;

336
  background: transparent;

337
  box-shadow: none;

338
}

339
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

340
  color: white !important;

341
  border: 1px solid #111;

342
  background-color: #585858;

343
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));

344
  /* Chrome,Safari4+ */

345
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);

346
  /* Chrome10+,Safari5.1+ */

347
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);

348
  /* FF3.6+ */

349
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);

350
  /* IE10+ */

351
  background: -o-linear-gradient(top, #585858 0%, #111 100%);

352
  /* Opera 11.10+ */

353
  background: linear-gradient(to bottom, #585858 0%, #111 100%);

354
  /* W3C */

355
}

356
.dataTables_wrapper .dataTables_paginate .paginate_button:active {

357
  outline: none;

358
  background-color: #2b2b2b;

359
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));

360
  /* Chrome,Safari4+ */

361
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

362
  /* Chrome10+,Safari5.1+ */

363
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

364
  /* FF3.6+ */

365
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

366
  /* IE10+ */

367
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);

368
  /* Opera 11.10+ */

369
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);

370
  /* W3C */

371
  box-shadow: inset 0 0 3px #111;

372
}

373
.dataTables_wrapper .dataTables_paginate .ellipsis {

374
  padding: 0 1em;

375
}

376
.dataTables_wrapper .dataTables_processing {

377
  position: absolute;

378
  top: 50%;

379
  left: 50%;

380
  width: 100%;

381
  height: 40px;

382
  margin-left: -50%;

383
  margin-top: -25px;

384
  padding-top: 20px;

385
  text-align: center;

386
  font-size: 1.2em;

387
  background-color: white;

388
  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)));

389
  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%);

390
  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%);

391
  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%);

392
  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%);

393
  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%);

394
}

395
.dataTables_wrapper .dataTables_length,

396
.dataTables_wrapper .dataTables_filter,

397
.dataTables_wrapper .dataTables_info,

398
.dataTables_wrapper .dataTables_processing,

399
.dataTables_wrapper .dataTables_paginate {

400
  color: #333;

401
}

402
.dataTables_wrapper .dataTables_scroll {

403
  clear: both;

404
}

405
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {

406
  *margin-top: -1px;

407
  -webkit-overflow-scrolling: touch;

408
}

409
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,

410
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing {

411
  height: 0;

412
  overflow: hidden;

413
  margin: 0 !important;

414
  padding: 0 !important;

415
}

416
.dataTables_wrapper.no-footer .dataTables_scrollBody {

417
  border-bottom: 1px solid #111;

418
}

419
.dataTables_wrapper.no-footer div.dataTables_scrollHead table,

420
.dataTables_wrapper.no-footer div.dataTables_scrollBody table {

421
  border-bottom: none;

422
}

423
.dataTables_wrapper:after {

424
  visibility: hidden;

425
  display: block;

426
  content: "";

427
  clear: both;

428
  height: 0;

429
}

430


431
@media screen and (max-width: 767px) {

432
  .dataTables_wrapper .dataTables_info,

433
  .dataTables_wrapper .dataTables_paginate {

434
    float: none;

435
    text-align: center;

436
  }

437
  .dataTables_wrapper .dataTables_paginate {

438
    margin-top: 0.5em;

439
  }

440
}

441
@media screen and (max-width: 640px) {

442
  .dataTables_wrapper .dataTables_length,

443
  .dataTables_wrapper .dataTables_filter {

444
    float: none;

445
    text-align: center;

446
  }

447
  .dataTables_wrapper .dataTables_filter {

448
    margin-top: 0.5em;

449
  }

450
}

451


452