src/chrome/browser/resources/options/search_page.css

   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 }