| 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 .search-hidden { | 5 .search-hidden { |
| 6 display: none !important; | 6 display: none !important; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .search-highlighted { | 9 .search-highlighted { |
| 10 background-color: rgba(255, 240, 120, 0.9); | 10 background-color: rgba(255, 240, 120, 0.9); |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 content: ''; | 37 content: ''; |
| 38 left: -1px; | 38 left: -1px; |
| 39 position: absolute; | 39 position: absolute; |
| 40 right: -1px; | 40 right: -1px; |
| 41 top: -1px; | 41 top: -1px; |
| 42 z-index: -2; | 42 z-index: -2; |
| 43 } | 43 } |
| 44 | 44 |
| 45 /* Provides the arrow which points at the anchor element. */ | 45 /* Provides the arrow which points at the anchor element. */ |
| 46 .search-bubble-innards::after { | 46 .search-bubble-innards::after { |
| 47 -webkit-transform: rotate(45deg); | |
| 48 background: | 47 background: |
| 49 -webkit-linear-gradient(-45deg, rgb(251, 255, 181), | 48 -webkit-linear-gradient(-45deg, rgb(251, 255, 181), |
| 50 rgb(255, 248, 172) 50%, | 49 rgb(255, 248, 172) 50%, |
| 51 rgba(255, 248, 172, 0)); | 50 rgba(255, 248, 172, 0)); |
| 52 border: 1px solid rgb(220, 198, 72); | 51 border: 1px solid rgb(220, 198, 72); |
| 53 border-bottom-color: transparent; | 52 border-bottom-color: transparent; |
| 54 border-right-color: transparent; | 53 border-right-color: transparent; |
| 55 content: ''; | 54 content: ''; |
| 56 height: 12px; | 55 height: 12px; |
| 57 left: 53px; | 56 left: 53px; |
| 58 position: absolute; | 57 position: absolute; |
| 59 top: -7px; | 58 top: -7px; |
| 59 transform: rotate(45deg); |
| 60 width: 12px; | 60 width: 12px; |
| 61 z-index: -1; | 61 z-index: -1; |
| 62 } | 62 } |
| 63 | 63 |
| 64 /* Turns the arrow direction downwards, when the bubble is placed above the | 64 /* Turns the arrow direction downwards, when the bubble is placed above the |
| 65 * anchor element */ | 65 * anchor element */ |
| 66 .search-bubble-innards.above::after { | 66 .search-bubble-innards.above::after { |
| 67 -webkit-transform: rotate(-135deg); | |
| 68 bottom: -7px; | 67 bottom: -7px; |
| 69 top: auto; | 68 top: auto; |
| 69 transform: rotate(-135deg); |
| 70 } | 70 } |
| 71 | 71 |
| 72 .search-bubble-wrapper { | 72 .search-bubble-wrapper { |
| 73 position: relative; | 73 position: relative; |
| 74 } | 74 } |
| 75 | 75 |
| 76 /* #mainview is here to win specificity. :( */ | 76 /* #mainview is here to win specificity. :( */ |
| 77 #mainview #searchPage.page, | 77 #mainview #searchPage.page, |
| 78 #mainview #searchBox.page { | 78 #mainview #searchBox.page { |
| 79 padding-bottom: 0; | 79 padding-bottom: 0; |
| 80 } | 80 } |
| OLD | NEW |