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