Chromium Code Reviews| 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. */ |
|
Evan Stade
2012/04/27 02:32:06
this comment needs updating
Rune Fevang
2012/04/27 19:34:29
Done.
| |
| 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 |