| OLD | NEW |
| 1 /* Copyright 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright 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 body { | 5 body { |
| 6 background-color: white; | 6 background-color: white; |
| 7 cursor: default; | 7 cursor: default; |
| 8 margin: 0; | 8 margin: 0; |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 } | 10 } |
| 11 | 11 |
| 12 #suggestionsBox { | 12 .suggestions-box { |
| 13 border-bottom: 1px #d9d9d9 solid; | |
| 14 display: inline-block; | |
| 15 padding-bottom: 6px; | 13 padding-bottom: 6px; |
| 16 padding-top: 6px; | 14 padding-top: 6px; |
| 17 } | 15 } |
| 18 | 16 |
| 19 .suggestion { | 17 .suggestion { |
| 20 -webkit-border-radius: 2px; | 18 -webkit-border-radius: 2px; |
| 21 background: -webkit-image-set( | 19 background: -webkit-image-set( |
| 22 url('images/page_icon.png') 1x, | 20 url('images/page_icon.png') 1x, |
| 23 url('images/2x/page_icon.png') 2x) no-repeat; | 21 url('images/2x/page_icon.png') 2x) no-repeat; |
| 24 padding-bottom: 2px; | 22 padding-bottom: 2px; |
| 25 padding-top: 3px; | 23 padding-top: 3px; |
| 24 height: 22px; |
| 26 white-space: nowrap; | 25 white-space: nowrap; |
| 27 } | 26 } |
| 28 | 27 |
| 29 .search { | 28 .search { |
| 30 background: -webkit-image-set( | 29 background: -webkit-image-set( |
| 31 url('images/search_icon.png') 1x, | 30 url('images/search_icon.png') 1x, |
| 32 url('images/2x/search_icon.png') 2x) no-repeat; | 31 url('images/2x/search_icon.png') 2x) no-repeat; |
| 33 } | 32 } |
| 34 | 33 |
| 35 .suggestion:hover { | 34 .hovered { |
| 36 background-color: #eee; | 35 background-color: #eee; |
| 37 } | 36 } |
| 38 | 37 |
| 39 .selected, | 38 .selected { |
| 40 .selected:hover { | |
| 41 background-color: rgba(181, 213, 255, 0.5); | 39 background-color: rgba(181, 213, 255, 0.5); |
| 42 } | 40 } |
| 43 | 41 |
| 44 .contents { | 42 .contents { |
| 45 -webkit-padding-start: 26px; | 43 -webkit-padding-start: 26px; |
| 46 -webkit-user-select: none; | 44 -webkit-user-select: none; |
| 47 border: 0; | 45 border: 0; |
| 48 height: 22px; | 46 height: 22px; |
| 49 overflow: hidden; | 47 overflow: hidden; |
| 50 width: 100%; | 48 position: absolute; |
| 51 } | 49 } |
| 52 | 50 |
| 53 /* Styling for native suggestions, hidden by the shadow DOM. */ | 51 .active-container { |
| 54 .chrome_url { | 52 border-bottom: 1px #d9d9d9 solid; |
| 55 color: rgb(0, 153, 51); | |
| 56 } | 53 } |
| 57 | 54 |
| 58 .chrome_title { | 55 .pending-container { |
| 59 color: #666; | 56 display: none; |
| 60 } | 57 } |
| OLD | NEW |