OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. */ | 3 * found in the LICENSE file. */ |
4 | 4 |
5 .suggestions { | 5 .suggestions { |
6 position: absolute; | 6 position: absolute; |
7 z-index: 0; | 7 z-index: 0; |
8 } | 8 } |
9 | 9 |
10 .suggestions { | 10 .suggestions { |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
52 width: 16px; | 52 width: 16px; |
53 } | 53 } |
54 | 54 |
55 html[dir='rtl'] .suggestions .favicon { | 55 html[dir='rtl'] .suggestions .favicon { |
56 background-position-x: right; | 56 background-position-x: right; |
57 } | 57 } |
58 | 58 |
59 .suggestions .color-stripe { | 59 .suggestions .color-stripe { |
60 border-bottom-left-radius: 3px 3px; | 60 border-bottom-left-radius: 3px 3px; |
61 border-bottom-right-radius: 3px 3px; | 61 border-bottom-right-radius: 3px 3px; |
62 /* Matches height of title. */ | 62 /* Matches height of title plus height of score. */ |
63 bottom: 23px; | 63 bottom: 36px; |
64 height: 3px; | 64 height: 3px; |
65 /* Matches padding-top of the title. */ | |
66 margin-bottom: 8px; | |
67 position: absolute; | 65 position: absolute; |
68 width: 100%; | 66 width: 100%; |
69 z-index: 10; | 67 z-index: 10; |
70 } | 68 } |
71 | 69 |
72 .suggestions .title { | 70 .suggestions .title { |
73 display: block; | 71 display: block; |
74 height: 23px; | 72 height: 18px; |
75 overflow: hidden; | 73 overflow: hidden; |
76 padding-top: 8px; | |
77 text-align: center; | 74 text-align: center; |
78 text-overflow: ellipsis; | 75 text-overflow: ellipsis; |
79 white-space: nowrap; | 76 white-space: nowrap; |
80 } | 77 } |
81 | 78 |
| 79 .suggestions .score { |
| 80 display: block; |
| 81 height: 18px; |
| 82 overflow: hidden; |
| 83 text-align: center; |
| 84 } |
| 85 |
82 .suggestions:focus .thumbnail, | 86 .suggestions:focus .thumbnail, |
83 .suggestions:hover .thumbnail { | 87 .suggestions:hover .thumbnail { |
84 opacity: 0.95; | 88 opacity: 0.95; |
85 } | 89 } |
86 | 90 |
87 .suggestions:focus .thumbnail-shield, | 91 .suggestions:focus .thumbnail-shield, |
88 .suggestions:hover .thumbnail-shield, | 92 .suggestions:hover .thumbnail-shield, |
89 .suggestions:active .thumbnail-shield { | 93 .suggestions:active .thumbnail-shield { |
90 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), | 94 background: -webkit-linear-gradient(rgba(255, 255, 255, 0), |
91 rgba(255, 255, 255, 0) 80%, | 95 rgba(255, 255, 255, 0) 80%, |
92 rgba(255, 255, 255, 0.9)); | 96 rgba(255, 255, 255, 0.9)); |
93 } | 97 } |
94 | 98 |
95 /* The thumbnail gets lighter when clicked, but not when the click is on the | 99 /* The thumbnail gets lighter when clicked, but not when the click is on the |
96 * close button. */ | 100 * close button. */ |
97 .suggestions:active .close-button:not(:active) + .thumbnail { | 101 .suggestions:active .close-button:not(:active) + .thumbnail { |
98 opacity: 0.9; | 102 opacity: 0.9; |
99 } | 103 } |
100 | 104 |
101 /* The thumbnail gets a shadow when clicked, but not when the click is on the | 105 /* The thumbnail gets a shadow when clicked, but not when the click is on the |
102 * close button. */ | 106 * close button. */ |
103 .suggestions:active .close-button:not(:active) + .thumbnail .thumbnail-shield { | 107 .suggestions:active .close-button:not(:active) + .thumbnail .thumbnail-shield { |
104 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); | 108 -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.2); |
105 } | 109 } |
OLD | NEW |