1html.col-resize * { 2 cursor: col-resize !important; 3} 4 5.table[hasElementFocus] > list > [lead] { 6 border-color: hsl(214, 91%, 65%); 7 z-index: 2; 8} 9 10.table[hasElementFocus] > list > [selected] { 11 background-color: hsl(214,91%,89%); 12 border-color: hsl(214, 91%, 65%); 13} 14 15.table[hasElementFocus] > list > [lead][selected], 16list > [selected]:hover { 17 background-color: hsl(214, 91%, 87%); 18 border-color: hsl(214, 91%, 65%); 19} 20 21.list > * { 22 padding: 0; 23 border-right: none; 24 border-left: none; 25} 26 27.table:focus { 28 border: 1px solid; 29} 30 31.table { 32 outline: none; 33 overflow: hidden; 34 border: 1px solid; 35} 36 37.table-row { 38 width: 100%; 39 text-align: start; 40 display: -webkit-box; 41} 42 43.table-row-cell { 44 overflow: hidden; 45} 46 47.table-row-cell > * { 48 overflow: hidden; 49 margin: 0 10px; 50 text-overflow: ellipsis; 51 white-space: nowrap; 52} 53 54.table-header { 55 position: relative; 56 overflow: hidden; 57 background-color: rgb(220, 220, 220); 58} 59 60.table-header-inner { 61 position: relative; 62 text-align: start; 63 float: left; 64 display: -webkit-box; 65} 66 67.table-header-cell { 68 text-overflow: ellipsis; 69 white-space: nowrap; 70 overflow: hidden; 71 font-weight: normal; 72} 73 74.table-header-label { 75 text-overflow: ellipsis; 76 white-space: nowrap; 77 overflow: hidden; 78 margin: 0 7px; 79} 80 81.table-header-label > * { 82 padding: 0 12px; 83} 84 85.table-header-sort-image-desc:after { 86 position: relative; 87 top: -2px; 88 content: '\25be'; /* BLACK DOWN-POINTING SMALL TRIANGLE */ 89 -webkit-padding-start: 0.4em; 90 color: #888; 91} 92 93.table-header-sort-image-asc:after { 94 position: relative; 95 top: -2px; 96 content: '\25b4'; /* BLACK UP-POINTING SMALL TRIANGLE */ 97 -webkit-padding-start: 0.4em; 98 color: #888; 99} 100 101.table-header-splitter { 102 position: absolute; 103 top: 0px; 104 cursor: col-resize; 105 width: 5px; 106 -webkit-margin-start: -1px; 107 height: 100%; 108 background-color: black; 109} 110