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; /* Should be the same as #user-image.loading min-heigth. */
8  padding: 70px 17px 69px;    /* Screen has no controls. */
9  width: 722px; /* Should be the same as #user-image.loading width. */
10}
11
12#gaia-signin:not(.saml).no-right-panel {
13  width: 522px;
14}
15
16#gaia-signin.saml {
17  padding: 75px 0 0;
18}
19
20#signin-right {
21  -webkit-margin-before: 80px;
22  -webkit-margin-start: 30px;
23  top: 60px;
24  width: 200px;
25}
26
27#signin-right,
28#enterprise-info-container,
29#saml-info-container {
30  font-size: 12px;
31}
32
33/*  For touch-optimized UI, make the links bigger. */
34@media (pointer:coarse) {
35  #signin-right {
36    font-size: 14px;
37  }
38}
39
40.no-right-panel #signin-right,
41.saml #signin-right {
42  display: none;
43}
44
45.signin-text {
46  color: #666;
47  margin-top: 20px;
48}
49
50.signin-link {
51  color: rgb(37, 79, 155);
52  cursor: pointer;
53  text-decoration: none;
54}
55
56.signin-link:focus {
57  -webkit-transition: outline-color 200ms;
58  /* Note: May use 1px solid here. */
59  outline-color: rgb(77, 144, 254);
60}
61
62#gaia-signin-form-container,
63#signin-frame {
64  height: 100%;
65}
66
67.saml #gaia-signin-form-container,
68.saml #signin-frame {
69  width: 100%;
70}
71
72.signin-divider {
73  background: linear-gradient(
74                   to bottom,
75                   #e3e3e3,
76                   #cacaca 50%,
77                   #e3e3e3);
78  border: none;
79  width: 1px;
80}
81
82.no-right-panel #gaia-signin-divider,
83.saml #gaia-signin-divider {
84  display: none;
85}
86
87#signin-frame {
88  background-color: transparent;
89  margin-left: -44px;
90  vertical-align: top;
91  width: 400px;
92}
93
94/* Simpler alignment if no right panel. */
95.no-right-panel #signin-frame,
96.saml #signin-frame {
97  margin-left: 0;
98}
99
100/* Position to be aligned with the login box in iframe  */
101#login-box {
102  height: 31px;
103  position: absolute;
104  top: 77px;
105  visibility: hidden;
106  z-index: -1;
107}
108
109#enterprise-info-container {
110  bottom: 10px;
111  left: 0;
112  position: absolute;
113  right: 0;
114  text-align: center;
115}
116
117#enterprise-info-container #enterprise-info {
118  display: inline-block;
119}
120
121#gaia-signin .step-contents {
122  -webkit-box-pack: center;
123  display: -webkit-box;
124  height: 100%;
125}
126
127#createSupervisedUserSeparator {
128  background-color: rgba(128,128,128,0.3);
129  height: 1px;
130  width: 200px;
131}
132
133#createSupervisedUserLogo {
134  font-weight: bold;
135  margin-top: 16px;
136}
137
138#createSupervisedUserLogo img {
139  vertical-align: text-bottom;
140}
141
142#createSupervisedUserLogo span {
143  vertical-align: -10%;
144}
145
146#createSupervisedUserLinkPlaceholder,
147#createSupervisedUserNoManagerText {
148  margin-top: 10px;
149}
150
151#saml-notice-container {
152  left: 0;
153  position: absolute;
154  right: 0;
155  text-align: center;
156  top: 50px;
157}
158
159#saml-notice-message {
160  margin: 0 auto;
161}
162