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
5list,
6grid {
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
14list > *,
15grid > * {
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
30list > * {
31  display: block;
32}
33
34grid > * {
35  display: inline-block;
36}
37
38list > [lead],
39grid > [lead] {
40  border-color: transparent;
41}
42
43list:focus > [lead],
44grid:focus > [lead] {
45  border-color: hsl(214, 91%, 65%);
46  z-index: 2;
47}
48
49list > [anchor],
50grid > [anchor] {
51
52}
53
54list:not([disabled]) > :hover,
55grid:not([disabled]) > :hover {
56  background-color: hsl(214, 91%, 97%);
57  border-color: hsl(214, 91%, 85%);
58  z-index: 1;
59}
60
61list > [selected],
62grid > [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
70list:focus > [selected],
71grid:focus > [selected] {
72  background-color: hsl(214, 91%, 89%);
73  border-color: hsl(214, 91%, 65%);
74}
75
76list:focus > [lead][selected],
77list > [selected]:hover,
78grid:focus > [lead][selected],
79grid > [selected]:hover {
80  background-color: hsl(214, 91%, 87%);
81  border-color: hsl(214, 91%, 65%);
82}
83
84list > .spacer,
85grid > .spacer {
86  border: 0;
87  box-sizing: border-box;
88  display: block;
89  margin: 0;
90  overflow: hidden;
91  visibility: hidden;
92}
93
94list > [hidden],
95grid > [hidden] {
96  display: none;
97}
98