datatable.css - jscancer - Javascript crap (relatively small)
(HTM) git clone git://git.codemadness.org/jscancer
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) 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;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAPCAQAAACcwS2GAAAAqElEQVQY02XMIQ6CYADF8T+fzk03g9liIFE8AyewcAG9A5lAZlM2I56AjXkCyB6A9IIbdAJNw2eQKc6X3n7be4AAzXTUgm8iFOqhMBqBp0ZWjbwB5SiTlZVVJgcmEVufiDkAG26ru6MlV/zPbcnOEIwAfAL+42jP5UcOhpxyBCW5oSemG6AjdnsDVBQDFVRgAEtCC7QkrgXjAtSkPEndGmA6TE6sOb/rC97sOtg0idb1AAAAAElFTkSuQmCC");
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,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAMAAADzlqVxAAAAYFBMVEUAAAAAiMzc3Nzc3Nzc3Nzc3Nzc3Nzc3NwAiMzc3Nzc3Nzc3Nzc3Nwijc8ijc8NiswGiMwLicwSi80GiMwKicwMicwQi8wPiswAiMwQis3c3Nzc3Nzc3Nzc3NwAiMzc3NwvFJZ7AAAAHnRSTlMAHQ1B7gGdKoB1vmHj4dySiY7diPn2z8lh4PoGkAo2Nz8xAAAAVklEQVR4XkXGVw4DIQwFwGc623u6uf8tY3CkzNdA0J2gVt41dPBJLRcz32oTVwmgR9tGmFktGFlN+OuL6mG6ls4A1kmcBeCDLHiIOJQhosnPDPV6fyRfcpYHu22ugvsAAAAASUVORK5CYII=");
41 }
42 table.datatable thead .sort-desc {
43 background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAQCAMAAADzlqVxAAAAYFBMVEUAAAAAiMzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3Nzc3NwAiMzc3Nzc3Nzc3Nwijc8GiMwNiszc3NwSi80Qis0ijc8PiswQi8wMicwKicwGiMwLicwAiMzc3NwAiMyvlaDrAAAAHnRSTlMAHZ1BKuN1Ab5h7g2ACpAG4YmS+t3g3MnP9vmIjmGtHVckAAAAWElEQVR4XkXGVRLDMAwFwCdzkKEo3/+Wka3OdL8WYhoHqLAFjfPsXUk0zGyizLay1gJd4iJ1aFg1+DuzmrH8toL2moOAvq4HQJfkQSh95heheucPFH1JcgNFnwfFBOP8fQAAAABJRU5ErkJggg==");
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 }