| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 /* Container for the elements that make up the search bubble. */ | 5 /* Container for the elements that make up the search bubble. */ |
| 6 .search-bubble { | 6 .search-bubble { |
| 7 left: 0; | 7 left: 0; |
| 8 margin-top: 5px; | 8 margin-top: 5px; |
| 9 pointer-events: none; | 9 pointer-events: none; |
| 10 position: absolute; | 10 position: absolute; |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 content: ''; | 33 content: ''; |
| 34 left: -1px; | 34 left: -1px; |
| 35 position: absolute; | 35 position: absolute; |
| 36 right: -1px; | 36 right: -1px; |
| 37 top: -1px; | 37 top: -1px; |
| 38 z-index: -2; | 38 z-index: -2; |
| 39 } | 39 } |
| 40 | 40 |
| 41 /* Provides the arrow which points at the anchor element. */ | 41 /* Provides the arrow which points at the anchor element. */ |
| 42 .search-bubble-innards::after { | 42 .search-bubble-innards::after { |
| 43 -webkit-transform: rotate(45deg); | |
| 44 background: linear-gradient(-45deg, rgb(251, 255, 181), | 43 background: linear-gradient(-45deg, rgb(251, 255, 181), |
| 45 rgb(255, 248, 172) 50%, | 44 rgb(255, 248, 172) 50%, |
| 46 rgba(255, 248, 172, 0)); | 45 rgba(255, 248, 172, 0)); |
| 47 border: 1px solid rgb(220, 198, 72); | 46 border: 1px solid rgb(220, 198, 72); |
| 48 border-bottom-color: transparent; | 47 border-bottom-color: transparent; |
| 49 border-right-color: transparent; | 48 border-right-color: transparent; |
| 50 content: ''; | 49 content: ''; |
| 51 height: 12px; | 50 height: 12px; |
| 52 left: 53px; | 51 left: 53px; |
| 53 position: absolute; | 52 position: absolute; |
| 54 top: -7px; | 53 top: -7px; |
| 54 transform: rotate(45deg); |
| 55 width: 12px; | 55 width: 12px; |
| 56 z-index: -1; | 56 z-index: -1; |
| 57 } | 57 } |
| 58 | 58 |
| 59 .search-bubble-wrapper { | 59 .search-bubble-wrapper { |
| 60 position: relative; | 60 position: relative; |
| 61 } | 61 } |
| OLD | NEW |