src/ui/webui/resources/css/table.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 }