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#destination-search { 6 z-index: 3; 7} 8 9#destination-search.transparent { 10 opacity: 0; 11 overflow: hidden; 12 pointer-events: none; 13} 14 15#destination-search .page { 16 width: 640px; 17} 18 19#destination-search .user-info { 20 display: flex; 21 position: absolute; 22 right: 40px; 23 text-align: right; 24 top: 14px; 25 width: 350px; 26} 27 28[dir='rtl'] #destination-search .user-info { 29 left: 40px; 30 right: auto; 31} 32 33#destination-search .account-select-label { 34 -webkit-user-select: none; 35 flex: 1; 36 height: 2em; 37 line-height: 2em; 38 overflow: hidden; 39 text-overflow: ellipsis; 40 white-space: nowrap; 41} 42 43#destination-search .account-select { 44 flex: 1; 45 margin-left: 8px; 46} 47 48#destination-search > .page > .close-button { 49 top: 9px; 50} 51 52#destination-search .search-box { 53 -webkit-user-select: none; 54 margin: 14px; 55} 56 57#destination-search .lists { 58 -webkit-box-flex: 1; 59 overflow-y: auto; 60} 61 62#destination-search .lists > * { 63 -webkit-user-select: none; 64 padding: 0 14px 18px; 65} 66 67#destination-search .invitation-container { 68 -webkit-animation: invitation-fadein 500ms; 69 background-color: rgb(249, 237, 190); 70 border-top: solid 1px rgb(245, 233, 183); 71 padding: 12px; 72} 73 74@-webkit-keyframes invitation-fadein { 75 from { 76 opacity: 0; 77 } 78 to { 79 opacity: 1; 80 } 81} 82 83#destination-search .invitation-text { 84 -webkit-padding-after: 12px; 85 text-align: center; 86} 87 88#destination-search .invitation-buttons { 89 align-items: center; 90 display: flex; 91 justify-content: center; 92} 93 94#destination-search .invitation-buttons > *:not(:first-child) { 95 -webkit-margin-start: 10px; 96} 97 98#destination-search #invitation-process-throbber { 99 display: block; 100} 101 102#destination-search .cloudprint-promo { 103 -webkit-box-align: center; 104 -webkit-user-select: none; 105 background-color: rgb(249, 237, 190); 106 display: -webkit-box; 107 padding: 12px; 108} 109 110#destination-search .cloudprint-promo .sign-in.link-button { 111 padding: inherit; 112} 113 114#destination-search .cloudprint-promo .icon { 115 -webkit-margin-end: 12px; 116 display: block; 117 height: 24px; 118 width: 24px; 119} 120 121#destination-search .cloudprint-promo .promo-text { 122 -webkit-box-flex: 1; 123} 124 125#destination-search .cloudprint-promo .close-button { 126 -webkit-margin-start: 12px; 127 background-image: -webkit-image-set( 128 url('chrome://theme/IDR_CLOSE_DIALOG') 1x, 129 url('chrome://theme/IDR_CLOSE_DIALOG@2x') 2x); 130 background-repeat: no-repeat; 131 background-size: 14px; 132 height: 14px; 133 width: 14px; 134} 135 136#destination-search .cloudprint-promo .close-button:hover { 137 background-image: -webkit-image-set( 138 url('chrome://theme/IDR_CLOSE_DIALOG_H') 1x, 139 url('chrome://theme/IDR_CLOSE_DIALOG_H@2x') 2x); 140} 141 142#destination-search .cloudprint-promo .close-button:active { 143 background-image: -webkit-image-set( 144 url('chrome://theme/IDR_CLOSE_DIALOG_P') 1x, 145 url('chrome://theme/IDR_CLOSE_DIALOG_P@2x') 2x); 146} 147