datatable.css - jscancer - Javascript crap (relatively small) | |
git clone git://git.codemadness.org/jscancer | |
Log | |
Files | |
Refs | |
README | |
LICENSE | |
--- | |
datatable.css (3265B) | |
--- | |
1 table.datatable { | |
2 border-collapse: collapse; | |
3 table-layout: fixed; | |
4 } | |
5 table.datatable tr th { | |
6 -webkit-touch-callout: none; | |
7 -webkit-user-select: none; | |
8 -khtml-user-select: none; | |
9 -moz-user-select: none; | |
10 -ms-user-select: none; | |
11 user-select: none; | |
12 } | |
13 table.datatable tr td, | |
14 table.datatable tr th { | |
15 border: 1px solid #aaa; | |
16 line-height: 25px; | |
17 } | |
18 table.datatable tr td { | |
19 padding: 0 3px 0 3px; | |
20 } | |
21 table.datatable tr th { | |
22 padding: 0 15px 0 3px; /* icon width (9px) + (padding * 2) */ | |
23 } | |
24 table.datatable thead td, | |
25 table.datatable thead th { | |
26 background: no-repeat right 3px center url("data:image/png;base6… | |
27 cursor: pointer; | |
28 } | |
29 table.datatable thead td, | |
30 table.datatable thead th, | |
31 table.datatable tfoot td, | |
32 table.datatable tfoot th { | |
33 background-color: #eee; | |
34 } | |
35 table.datatable thead tr td:hover, | |
36 table.datatable thead tr th:hover { | |
37 background-color: #ccc; | |
38 } | |
39 table.datatable thead .sort-asc { | |
40 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUh… | |
41 } | |
42 table.datatable thead .sort-desc { | |
43 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUh… | |
44 } | |
45 table.datatable thead .sort-disabled { | |
46 background-image: none; | |
47 cursor: default; | |
48 } | |
49 table.datatable tbody tr:nth-child(2n+1) td { | |
50 background-color: #f9f9f9; | |
51 } | |
52 table.datatable tbody tr:hover td { | |
53 background-color: #d6f0ff; | |
54 } | |
55 /* datatable lazy scroll styles below */ | |
56 .datatable-lazyscroll-container { | |
57 overflow: hidden; | |
58 position: relative; | |
59 } | |
60 .datatable-lazyscroll-container table { | |
61 border-collapse: collapse; | |
62 table-layout: fixed; | |
63 width: 1px; | |
64 height: 1px; | |
65 } | |
66 .datatable-lazyscroll-headers { | |
67 overflow: hidden; | |
68 position: relative; | |
69 margin-right: 17px; /* fix scrollbar */ | |
70 } | |
71 .datatable-lazyscroll-headers th { | |
72 height: 25px !important; | |
73 text-align: left; | |
74 } | |
75 .datatable-lazyscroll-body td { | |
76 overflow: hidden !important; | |
77 line-height: 25px !important; | |
78 margin: 0 !important; | |
79 padding-top: 0 !important; | |
80 padding-bottom: 0 !important; | |
81 } | |
82 .datatable-lazyscroll-body { | |
83 overflow-y: scroll; | |
84 overflow-x: auto; | |
85 position: relative; | |
86 } | |
87 .datatable-lazyscroll-headers th { | |
88 border-bottom: 0 !important; | |
89 } | |
90 .datatable-lazyscroll-container { | |
91 height: 608px; | |
92 } | |
93 .datatable-lazyscroll-body { | |
94 height: 580px; | |
95 } | |
96 .datatable-lazyscroll-container th { | |
97 width: 150px; | |
98 } |