15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2011 Google Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions are 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * met: 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions of source code must retain the above copyright 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Redistributions in binary form must reproduce the above 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * copyright notice, this list of conditions and the following disclaimer 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * in the documentation and/or other materials provided with the 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * distribution. 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * * Neither the name of Google Inc. nor the names of its 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * contributors may be used to endorse or promote products derived from 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * this software without specific prior written permission. 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 31f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay { 325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: absolute; 33f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu background-color: transparent; 34f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu z-index: 1000; 35f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu pointer-events: none; 36f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu overflow: hidden; 37f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu display: flex; 38f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex-direction: row; 395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 41f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box-left-spacer { 42f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: 0 1 auto; 43f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 44f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 45f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box-horizontal { 46f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu display: flex; 47f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex-direction: column; 48f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: 0 0 auto; 49f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu max-width: 300px; 50f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 51f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 52f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box-top-spacer { 53f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: auto; 54f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 55f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 56f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay.under-anchor .suggest-box-top-spacer, 57f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay:not(.under-anchor) .suggest-box-bottom-spacer { 58f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: 0 0 auto; 59f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 60f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 61f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box { 62f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu background-color: #FFFFFF; 63f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu border: 1px solid rgb(66%, 66%, 66%); 64f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu pointer-events: auto; 65f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu margin-left: -3px; 665c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow-x: hidden; 675c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow-y: auto; 68f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu display: flex; 69f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex-direction: column; 70f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: 0 0 auto; 71f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu border-radius: 5px 5px 5px 0; 725c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 735c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 74f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay.under-anchor .suggest-box { 75f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu border-radius: 0 5px 5px 5px; 76f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 77f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 78f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box .suggest-box-content-item { 795c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding: 1px; 805c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin: 0; 815c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow: hidden; 825c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) text-overflow: ellipsis; 835c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border: 1px solid transparent; 84f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu flex: 0 0 auto; 85f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu padding-right: 0px; 86f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu white-space: nowrap; 875c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 885c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 89f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box .suggest-box-content-item .prefix { 905c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) font-weight: bold; 915c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 925c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 93f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box .suggest-box-content-item .spacer { 94f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu display: inline-block; 95f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu width: 20px; 96f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu} 97f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu 98f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box .suggest-box-content-item.selected { 99d5428f32f5d1719f774f62e19147104ca245a3abTorne (Richard Coles) background-color: rgba(56, 121, 217, 0.1); 1005c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 1015c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 102f91f5fa1608c2cdd9af1842fb5dadbe78275be2aBo Liu.suggest-box-overlay .suggest-box .suggest-box-content-item:hover:not(.selected) { 1035c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border: 1px solid rgb(204, 204, 204); 1045c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 105