OLD | NEW |
1 /* | 1 /* |
2 * Copyright 2015 The Chromium Authors. All rights reserved. | 2 * Copyright 2015 The Chromium Authors. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 .list-item { | 7 .list-item { |
8 padding: 3px 8px 4px 18px; | 8 padding: 3px 8px 4px 8px; |
9 position: relative; | 9 position: relative; |
10 min-height: 18px; | 10 min-height: 18px; |
11 white-space: nowrap; | 11 white-space: nowrap; |
12 } | 12 } |
13 | 13 |
14 .list-item:nth-of-type(2n) { | 14 .list-item:hover { |
15 background-color: rgb(234, 243, 255); | 15 background-color: #eee; |
16 } | 16 } |
17 | 17 |
18 .list-item.selected { | 18 .list-item > .title::before { |
19 background-color: #cfcfcf; | 19 content: "\2713 "; |
20 background-clip: padding-box; | 20 color: transparent; |
| 21 } |
| 22 |
| 23 .list-item.selected > .title::before { |
| 24 color: inherit; |
21 } | 25 } |
22 | 26 |
23 .list-item > .title { | 27 .list-item > .title { |
24 font-weight: normal; | 28 font-weight: normal; |
25 word-wrap: break-word; | 29 word-wrap: break-word; |
26 white-space: normal; | 30 white-space: normal; |
27 } | 31 } |
28 | 32 |
| 33 .list-item.selected > .title { |
| 34 font-weight: bold; |
| 35 } |
| 36 |
29 .list-item > .subtitle { | 37 .list-item > .subtitle { |
30 margin-left: 5px; | 38 margin-left: 5px; |
31 color: rgba(0, 0, 0, 0.7); | 39 color: rgba(0, 0, 0, 0.7); |
32 text-overflow: ellipsis; | 40 text-overflow: ellipsis; |
33 overflow: hidden; | 41 overflow: hidden; |
34 float: right; | 42 float: right; |
35 } | 43 } |
36 | 44 |
37 .list-item > .subtitle a { | 45 .list-item > .subtitle a { |
38 color: inherit; | 46 color: inherit; |
39 } | 47 } |
40 | 48 |
41 .list-item.label { | 49 .list-item.label { |
42 text-align: center; | 50 text-align: center; |
43 } | 51 } |
44 | 52 |
45 .list-item.label .title, | 53 .list-item.label .title, |
46 .list-item.label .subtitle { | 54 .list-item.label .subtitle { |
47 font-style: italic; | 55 font-style: italic; |
48 font-weight: bold; | 56 font-weight: bold; |
49 color: #999; | 57 color: #999; |
50 } | 58 } |
51 | 59 |
52 .list-item.dimmed { | 60 .list-item.dimmed { |
53 opacity: 0.6; | 61 opacity: 0.6; |
54 font-style: italic; | 62 font-style: italic; |
55 } | 63 } |
OLD | NEW |