OLD | NEW |
| (Empty) |
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 #searchPage.page { | |
71 /* The search page needs no padding as it's provided by showing the results | |
72 * from each page. */ | |
73 padding: 0; | |
74 } | |
OLD | NEW |