Home | History | Annotate | Download | only in css 
      1 html.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],
     16 list > [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