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