| OLD | NEW |
| 1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 html { | 5 html { |
| 6 background-color: rgba(255, 255, 255, 0); | 6 background-color: rgba(255, 255, 255, 0); |
| 7 } | 7 } |
| 8 | 8 |
| 9 #ui { | 9 #ui { |
| 10 left: 0; | 10 left: 0; |
| (...skipping 295 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 306 display: flex; | 306 display: flex; |
| 307 height: 24px; | 307 height: 24px; |
| 308 overflow: hidden; | 308 overflow: hidden; |
| 309 white-space: nowrap; | 309 white-space: nowrap; |
| 310 } | 310 } |
| 311 | 311 |
| 312 .suggestion:hover { | 312 .suggestion:hover { |
| 313 background-color: orange; | 313 background-color: orange; |
| 314 } | 314 } |
| 315 | 315 |
| 316 #omnibox-url-element { | 316 #omnibox-border { |
| 317 --statusBarColor: rgb(66, 133, 244); |
| 318 background-color: white; |
| 319 border-radius: 8px; |
| 320 padding: 3px; |
| 321 } |
| 322 |
| 323 #omnibox-contents { |
| 317 background-color: white; | 324 background-color: white; |
| 318 border-radius: 6px; | 325 border-radius: 6px; |
| 319 box-sizing: border-box; | 326 box-sizing: border-box; |
| 320 display: flex; | 327 display: flex; |
| 321 flex-direction: row-reverse; /* Right-justify for convienence. */ | 328 flex-direction: row-reverse; /* Right-justify for convienence. */ |
| 322 height: 64px; | 329 height: 64px; |
| 323 margin-top: 2px; | 330 margin-top: 2px; |
| 324 padding: 8px; | 331 padding: 8px; |
| 325 transition: background-color 50ms ease-in-out; | 332 transition: background-color 50ms ease-in-out; |
| 326 } | 333 } |
| 327 | 334 |
| 328 #omnibox-input-field { | 335 #omnibox-input-field { |
| 329 background-color: transparent; | 336 background-color: transparent; |
| 330 border: none; | 337 border: none; |
| 331 font-size: 27px; | 338 font-size: 27px; |
| 332 outline: none; /* Do not show an outline when focused. */ | 339 outline: none; /* Do not show an outline when focused. */ |
| 333 overflow: hidden; | 340 overflow: hidden; |
| 334 text-align: center; | 341 text-align: center; |
| 335 white-space: nowrap; | 342 white-space: nowrap; |
| 336 width: 100%; | 343 width: 100%; |
| 337 } | 344 } |
| 338 | 345 |
| 339 #omnibox-clear-button { | 346 #omnibox-clear-button { |
| 340 background: url(../../../../ui/webui/resources/images/x-hover.png) no-repeat c
enter center; | 347 background: url(../../../../ui/webui/resources/images/x-hover.png) no-repeat c
enter center; |
| 341 width: 18px; | 348 width: 18px; |
| 342 } | 349 } |
| OLD | NEW |