ui/webui/resources/css/list.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 list,
   6 grid {
   7   display: block;
   8   outline: none;
   9   overflow: auto;
  10   position: relative; /* Make sure that item offsets are relative to the
  11                          list. */
  12 }
  13
  14 list > *,
  15 grid > * {
  16   -webkit-user-select: none;
  17   background-color: rgba(255, 255, 255, 0);
  18   border: 1px solid rgba(255, 255, 255, 0); /* transparent white */
  19   border-radius: 2px;
  20   cursor: default;
  21   line-height: 20px;
  22   margin: -1px 0;
  23   overflow: hidden;
  24   padding: 0 3px;
  25   position: relative; /* to allow overlap */
  26   text-overflow: ellipsis;
  27   white-space: pre;
  28 }
  29
  30 list > * {
  31   display: block;
  32 }
  33
  34 grid > * {
  35   display: inline-block;
  36 }
  37
  38 list > [lead],
  39 grid > [lead] {
  40   border-color: transparent;
  41 }
  42
  43 list:focus > [lead],
  44 grid:focus > [lead] {
  45   border-color: hsl(214, 91%, 65%);
  46   z-index: 2;
  47 }
  48
  49 list > [anchor],
  50 grid > [anchor] {
  51
  52 }
  53
  54 list:not([disabled]) > :hover,
  55 grid:not([disabled]) > :hover {
  56   background-color: hsl(214, 91%, 97%);
  57   border-color: hsl(214, 91%, 85%);
  58   z-index: 1;
  59 }
  60
  61 list > [selected],
  62 grid > [selected] {
  63   background-color: hsl(0, 0%, 90%);
  64   background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.8),
  65                                             rgba(255, 255, 255, 0));
  66   border-color: hsl(0, 0%, 85%);
  67   z-index: 2;
  68 }
  69
  70 list:focus > [selected],
  71 grid:focus > [selected] {
  72   background-color: hsl(214, 91%, 89%);
  73   border-color: hsl(214, 91%, 65%);
  74 }
  75
  76 list:focus > [lead][selected],
  77 list > [selected]:hover,
  78 grid:focus > [lead][selected],
  79 grid > [selected]:hover {
  80   background-color: hsl(214, 91%, 87%);
  81   border-color: hsl(214, 91%, 65%);
  82 }
  83
  84 list > .spacer,
  85 grid > .spacer {
  86   border: 0;
  87   box-sizing: border-box;
  88   display: block;
  89   margin: 0;
  90   overflow: hidden;
  91   visibility: hidden;
  92 }
  93
  94 list :-webkit-any(
  95     input[type='input'],
  96     input[type='password'],
  97     input[type='search'],
  98     input[type='text'],
  99     input[type='url']),
 100 list :-webkit-any(
 101     button,
 102     input[type='button'],
 103     input[type='submit'],
 104     select):not(.custom-appearance) {
 105   line-height: normal;
 106   margin: 0;
 107   vertical-align: middle;
 108 }
 109
 110 list > [hidden],
 111 grid > [hidden] {
 112   display: none;
 113 }
 114
 115 list > .drag-selection-border {
 116   border-radius: 0;
 117   background-color: rgba(255, 255, 255, 0.3);
 118   border: 2px solid rgba(255, 255, 255, 0.6);
 119   outline: 1px solid rgba(0, 0, 0, 0.1);
 120   position: absolute;
 121   z-index: 2;
 122 }