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 |