Home | History | Annotate | Download | only in css 
      1 /*
      2  * Copyright (c) 2012 The Chromium Authors. All rights reserved.
      3  * Use of this source code is governed by a BSD-style license that can be
      4  * found in the LICENSE file.
      5  */
      6 
      7 html.col-resize * {
      8   cursor: col-resize !important;
      9 }
     10 
     11 .table[hasElementFocus] > list > [lead] {
     12   border-color: hsl(214, 91%, 65%);
     13   z-index: 2;
     14 }
     15 
     16 .table[hasElementFocus] > list > [selected] {
     17   background-color: hsl(214,91%,89%);
     18   border-color: hsl(214, 91%, 65%);
     19 }
     20 
     21 .table[hasElementFocus] > list > [lead][selected],
     22 list > [selected]:hover {
     23   background-color: hsl(214, 91%, 87%);
     24   border-color: hsl(214, 91%, 65%);
     25 }
     26 
     27 .list > * {
     28   border-left: none;
     29   border-right: none;
     30   padding: 0;
     31 }
     32 
     33 .table:focus {
     34   border: 1px solid;
     35 }
     36 
     37 .table {
     38   border: 1px solid;
     39   outline: none;
     40   overflow: hidden;
     41 }
     42 
     43 .table-row {
     44   display: -webkit-box;
     45   text-align: start;
     46   width: 100%;
     47 }
     48 
     49 .table-row-cell {
     50   display: -webkit-box;
     51   overflow: hidden;
     52 }
     53 
     54 .table-row-cell > * {
     55   margin: 0 7px;
     56   overflow: hidden;
     57   text-overflow: ellipsis;
     58   white-space: nowrap;
     59 }
     60 
     61 .table-header {
     62   background-color: rgb(220, 220, 220);
     63   overflow: hidden;
     64   position: relative;
     65 }
     66 
     67 .table-header-inner {
     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   position: absolute;
    113   top: 0;
    114   width: 5px;
    115 }
    116