WebSVN – corrade-http-templates – Blame – Rev 2 – /topScripts/css/jquery.dataTables.css

2

eva

1

/*

* Table styles

*/

table.dataTable {

width: 100%;

margin: 0 auto;

clear: both;

border-collapse: separate;

9

border-spacing: 0;

10

/*

11

* Header and footer styles

*/

/*

* Body styles

*/

}

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 {

cursor: pointer;

*cursor: hand;

}

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: #abb9d3;

99

}

100

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

101

background-color: whitesmoke;

102

}

103

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

104

background-color: #a9b7d1;

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: #f9f9f9;

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: #acbad4;

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: #a6b3cd;

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: #a7b5ce;

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: #a9b6d0;

137

}

138

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

139

background-color: #f9f9f9;

140

}

141

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

142

background-color: #fbfbfb;

143

}

144

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

145

background-color: #fdfdfd;

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: #acbad4;

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: #adbbd6;

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: #ebebeb;

161

}

162

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

163

background-color: #eeeeee;

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: #a1aec7;

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: #a2afc8;

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: #a4b2cb;

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;

}

table.dataTable,

table.dataTable th,

266

table.dataTable td {

267

-webkit-box-sizing: content-box;

268

-moz-box-sizing: content-box;

269

box-sizing: content-box;

}

/*

* Control feature layout

274

*/

275

.dataTables_wrapper {

276

position: relative;

clear: both;

*zoom: 1;

zoom: 1;

}

.dataTables_wrapper .dataTables_length {

282

float: left;

283

}

284

.dataTables_wrapper .dataTables_filter {

float: right;

text-align: right;

}

.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

}

314

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

315

color: #333 !important;

316

border: 1px solid #cacaca;

317

background-color: white;

318

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

319

/* Chrome,Safari4+ */

320

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

321

/* Chrome10+,Safari5.1+ */

322

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

323

/* FF3.6+ */

324

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

325

/* IE10+ */

326

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

327

/* Opera 11.10+ */

328

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

329

/* W3C */

330

}

331

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

332

cursor: default;

333

color: #666 !important;

334

border: 1px solid transparent;

335

background: transparent;

336

box-shadow: none;

337

}

338

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {

339

color: white !important;

340

border: 1px solid #111;

341

background-color: #585858;

342

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

343

/* Chrome,Safari4+ */

344

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

345

/* Chrome10+,Safari5.1+ */

346

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

347

/* FF3.6+ */

348

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

349

/* IE10+ */

350

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

351

/* Opera 11.10+ */

352

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

353

/* W3C */

354

}

355

.dataTables_wrapper .dataTables_paginate .paginate_button:active {

356

outline: none;

357

background-color: #2b2b2b;

358

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

359

/* Chrome,Safari4+ */

360

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

361

/* Chrome10+,Safari5.1+ */

362

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

363

/* FF3.6+ */

364

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

365

/* IE10+ */

366

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

367

/* Opera 11.10+ */

368

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

369

/* W3C */

370

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

371

}

372

.dataTables_wrapper .dataTables_paginate .ellipsis {

373

padding: 0 1em;

374

}

375

.dataTables_wrapper .dataTables_processing {

376

position: absolute;

top: 50%;

left: 50%;

width: 100%;

height: 40px;

margin-left: -50%;

margin-top: -25px;

padding-top: 20px;

text-align: center;

385

font-size: 1.2em;

386

background-color: white;

387

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

388

/* Chrome,Safari4+ */

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

/* Chrome10+,Safari5.1+ */

391

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

392

/* FF3.6+ */

393

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

394

/* IE10+ */

395

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

396

/* Opera 11.10+ */

397

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

398

/* W3C */

399

}

400

.dataTables_wrapper .dataTables_length,

401

.dataTables_wrapper .dataTables_filter,

402

.dataTables_wrapper .dataTables_info,

403

.dataTables_wrapper .dataTables_processing,