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
6#gaia-signin {
7  height: 609px;
8  padding: 70px 17px 69px;    /* Screen has no controls. */
9  width: 722px;
10}
11
12#gaia-signin.no-right-panel {
13  width: 522px;
14}
15
16#signin-right {
17  -webkit-margin-before: 80px;
18  -webkit-margin-start: 30px;
19  top: 60px;
20  width: 200px;
21}
22
23#signin-right,
24#enterprise-info-container {
25  font-size: 12px;
26}
27
28/*  For touch-optimized UI, make the links bigger. */
29@media (pointer:coarse) {
30  #signin-right {
31    font-size: 14px;
32  }
33}
34
35.no-right-panel #signin-right {
36  display: none;
37}
38
39.signin-text {
40  color: #666;
41  margin-top: 20px;
42}
43
44.signin-link {
45  color: rgb(37, 79, 155);
46  cursor: pointer;
47  text-decoration: none;
48}
49
50.signin-link:focus {
51  -webkit-transition: outline-color 200ms;
52  /* Note: May use 1px solid here. */
53  outline-color: rgb(77, 144, 254);
54}
55
56#gaia-signin-form-container,
57#signin-frame {
58  height: 100%;
59}
60
61#gaia-signin-divider {
62  background: -webkit-gradient(
63                   linear, left top, left bottom,
64                   color-stop(0, #e3e3e3),
65                   color-stop(0.5, #cacaca),
66                   color-stop(1, #e3e3e3));
67  border: none;
68  width: 1px;
69}
70
71.no-right-panel #gaia-signin-divider {
72  display: none;
73}
74
75#signin-frame {
76  background-color: transparent;
77  vertical-align: top;
78  width: 340px;
79}
80
81/* Position to be aligned with the login box in iframe  */
82#login-box {
83  height: 31px;
84  position: absolute;
85  top: 77px;
86  visibility: hidden;
87  z-index: -1;
88}
89
90#enterprise-info-container {
91  bottom: 10px;
92  left: 0;
93  position: absolute;
94  right: 0;
95  text-align: center;
96}
97
98#enterprise-info-container #enterprise-info {
99  display: inline-block;
100}
101
102#gaia-signin .step-contents {
103  -webkit-box-pack: center;
104  display: -webkit-box;
105}
106
107#createManagedUserSeparator {
108  background-color: rgba(128,128,128,0.3);
109  height: 1px;
110  width: 200px;
111}
112
113#createManagedUserLogo {
114  font-weight: bold;
115  margin-top: 16px;
116}
117
118#createManagedUserLogo img {
119  vertical-align: text-bottom;
120}
121
122#createManagedUserLinkPlaceholder,
123#createManagedUserNoManagerText {
124  margin-top: 10px;
125}