datalist.css - jscancer - Javascript crap (relatively small) | |
git clone git://git.codemadness.org/jscancer | |
Log | |
Files | |
Refs | |
README | |
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 } |