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