1/* Copyright 2014 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
6.account-picker.flying-pods #account-picker {
7  -webkit-transition: width 180ms ease,
8                      height 180ms ease;
9}
10
11#signin-banner-container1 {
12  bottom: 100%;
13  margin-bottom: 10px;
14  position: absolute;
15  width: 100%;
16}
17
18#signin-banner-container2 {
19  display: inline-block;
20  position: relative;
21  right: -50%;
22}
23
24html[dir=rtl] #signin-banner-container2 {
25  left: -50%;
26  right: auto;
27}
28
29#signin-banner {
30  background-color: rgba(0, 0, 0, 0.75);
31  border-radius: 4px;
32  color: whitesmoke;
33  display: none;
34  font-size: 15px;
35  left: -50%;
36  padding: 20px;
37  position: relative;
38  text-align: center;
39  width: 722px; /* same as gaia-signin width. */
40}
41
42html[dir=rtl] #signin-banner {
43  left: auto;
44  right: -50%;
45}
46
47html[screen=user-adding] #signin-banner {
48  display: inline-block;
49}
50
51html[screen=lock] #signin-banner {
52  display: inline-block;
53  opacity: 0;
54  visibility: hidden;
55}
56
57html[screen=lock] #signin-banner.message-set {
58  -webkit-transition: opacity 1s;
59  opacity: 1;
60  visibility: visible;
61}
62