OLD | NEW |
| (Empty) |
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):not(.link-button) { | |
105 line-height: normal; | |
106 margin: 0; | |
107 vertical-align: middle; | |
108 } | |
109 | |
110 list > [hidden], | |
111 grid > [hidden] { | |
112 display: none; | |
113 } | |
OLD | NEW |