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.
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. */
12 #gaia-signin:not
(.full-width
).no-right-panel
{
16 .new-gaia-flow #gaia-signin {
22 .new-gaia-flow .throbber {
26 #inner-container:not
(.new-gaia-flow
) throbber-notice
{
30 #gaia-signin.full-width
{
34 .new-gaia-flow #gaia-signin.full-width {
40 -webkit-margin-start: 30px;
47 #enterprise-info-container,
48 #saml-info-container {
52 /* For touch-optimized UI, make the links bigger. */
53 @media (pointer:coarse
) {
59 .new-gaia-flow #signin-right
,
60 .no-right-panel #signin-right {
72 #close-button-item[disabled
],
73 #back-button-item[disabled
] {
74 color: rgb
(127, 127, 127);
85 html
[dir
=rtl
] #close-button-item
{
90 html
[dir
=rtl
] #back
-button
-item
{
91 -webkit-transform: scaleX
(-1);
96 .loading #close-button-item
,
97 .new-gaia-flow .full-width #close-button-item {
98 color: rgba
(0, 0, 0, .54);
101 .new-gaia-flow .full-width #back-button-item {
105 .loading.auth-completed #close-button-item {
115 color: rgb
(37, 79, 155);
117 text-decoration: none
;
121 -webkit-transition: outline-color
200ms;
122 /* Note: May use 1px solid here. */
123 outline-color: rgb
(77, 144, 254);
126 #gaia-signin-form-container,
131 .new-gaia-flow #gaia-signin-form-container {
135 .full-width #signin-frame
,
136 .full-width #gaia-signin-form-container {
141 background: linear-gradient
(
150 .gaia-signin
.new-gaia-flow #step-logo
,
151 .gaia-signin
.new-gaia-flow #gaia-signin-divider
,
152 .no-right-panel #gaia-signin-divider {
157 background-color: transparent
;
163 webview#signin-frame
{
164 -webkit-transition: opacity
500ms ease-in
;
173 webview#signin-frame
.show
{
174 -webkit-transition: opacity
500ms ease-out
;
178 /* Simpler alignment if no right panel. */
179 .no-right-panel #signin-frame {
183 /* Position to be aligned with the login box in iframe */
192 #enterprise-info-container {
200 .new-gaia-flow #enterprise-info-container {
204 #enterprise-info-container #enterprise-info
{
205 display: inline-block
;
208 #gaia-signin .step-contents
{
209 -webkit-box-pack: center
;
210 display: -webkit-box
;
214 #createSupervisedUserSeparator {
215 background-color: rgba
(128, 128, 128, 0.3);
220 #createSupervisedUserLogo {
225 #createSupervisedUserLogo img
{
226 vertical-align: text-bottom
;
229 #createSupervisedUserLogo span
{
230 vertical-align: -10%;
233 #createSupervisedUserLinkPlaceholder,
234 #createSupervisedUserNoManagerText {
238 #saml-notice-container {
246 .new-gaia-flow #saml-notice-container {
247 -webkit-margin-start: 19px;
252 #saml-notice-message {
256 .new-gaia-flow #saml-notice-message {
257 color: rgb
(106, 106, 106);
261 #gaia-whitelist-error {
270 .new-gaia-flow #gaia-whitelist-error {
275 .new-gaia-flow .whitelist-error #gaia-whitelist-error {
279 .new-gaia-flow #gaia-signin.whitelist-error .step-contents {
283 .new-gaia-flow #gaia-signin.whitelist-error .step-loading {