datalist.css - jscancer - Javascript crap (relatively small)
(HTM) git clone git://git.codemadness.org/jscancer
(DIR) Log
(DIR) Files
(DIR) Refs
(DIR) README
(DIR) LICENSE
---
datalist.css (887B)
---
1 .datalist-dropdown {
2 max-height: 300px;
3 position: absolute;
4 overflow: auto;
5 z-index: 999;
6 padding: 0;
7 background-color: #fff;
8 border: 1px solid #33bbff;
9 display: none;
10 }
11 .datalist-dropdown.visible {
12 display: block;
13 }
14 .datalist-dropdown div {
15 padding: 0px 0px 0px 10px;
16 cursor: default;
17 }
18 .datalist-dropdown div.sel {
19 background-color: #33bbff;
20 color: #fff;
21 }
22 /* hide datalist for browsers that don't support it */
23 datalist {
24 display: none;
25 }
26
27 /* multi-column table in dropdown */
28 .datalist-dropdown table {
29 border-collapse: collapse;
30 width: 100%;
31 }
32 .datalist-dropdown thead {
33 position: sticky;
34 top: 0;
35 }
36 .datalist-dropdown table th {
37 text-align: left;
38 background-color: #eee;
39 border-bottom: 2px solid #ccc;
40 }
41 .datalist-dropdown table th,
42 .datalist-dropdown table td {
43 padding: 3px;
44 }
45 .datalist-dropdown table tr.sel td {
46 background-color: #33bbff;
47 color: #fff;
48 }