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 3 * found in the LICENSE file. */ 4 5 .search-hidden { 6 display: none !important; 7 } 8 9 .search-highlighted { 10 background-color: rgba(255, 240, 120, 0.9); 11 } 12 13 /* Container for the elements that make up the search bubble. */ 14 .search-bubble { 15 left: 0; 16 margin-top: 5px; 17 pointer-events: none; 18 position: absolute; 19 top: -1000px; /* Minor hack: position off-screen by default. */ 20 /* Create a z-context for search-bubble-innards, its after and before. */ 21 z-index: 1; 22 } 23 24 /* Contains the text content of the bubble. */ 25 .search-bubble-innards { 26 background: -webkit-linear-gradient(rgba(255, 248, 172, 0.9), 27 rgba(255, 243, 128, 0.9)); 28 border-radius: 2px; 29 padding: 4px 10px; 30 text-align: center; 31 width: 100px; 32 } 33 34 /* Provides the border around the bubble (has to be behind ::after). */ 35 .search-bubble-innards::before { 36 border: 1px solid rgb(220, 198, 72); 37 border-radius: 2px; 38 bottom: -1px; 39 content: ''; 40 left: -1px; 41 position: absolute; 42 right: -1px; 43 top: -1px; 44 z-index: -2; 45 } 46 47 /* Provides the arrow which points at the anchor element. */ 48 .search-bubble-innards::after { 49 -webkit-transform: rotate(45deg); 50 background: 51 -webkit-linear-gradient(-45deg, rgb(251, 255, 181), 52 rgb(255, 248, 172) 50%, 53 rgba(255, 248, 172, 0)); 54 border: 1px solid rgb(220, 198, 72); 55 border-bottom-color: transparent; 56 border-right-color: transparent; 57 content: ''; 58 height: 12px; 59 left: 53px; 60 position: absolute; 61 top: -7px; 62 width: 12px; 63 z-index: -1; 64 } 65 66 .search-bubble-wrapper { 67 position: relative; 68 } 69 70 /* #mainview is here to win specificity. :( */ 71 #mainview #searchPage.page, 72 #mainview #searchBox.page { 73 padding-bottom: 0; 74 } 75
