Refresh button for FrE and recovery modes added to enrollment screen.
[chromium-blink-merge.git] / chrome / browser / resources / chromeos / login / oobe_screen_oauth_enrollment_webview.css
bloba0d6c553460ba39448e68a29dcba86dddf8ff3eb
1 /* Copyright 2015 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 */
6 #oauth-enrollment {
7 height: 528px;
8 padding: 0;
9 width: 448px;
12 #oauth-enrollment.saml {
13 height: 528px;
14 width: 562px;
17 #oauth-enroll-step-contents {
18 color: #666;
19 height: 100%;
20 width: 100%;
23 #oauth-enroll-step-contents > div {
24 display: none;
27 .oauth-enroll-state-error #oauth-enroll-step-error,
28 .oauth-enroll-state-success #oauth-enroll-step-success {
29 display: table;
30 height: 480px;
31 margin: 0 auto;
34 .oauth-enroll-state-working #oauth-enroll-step-signin,
35 .oauth-enroll-state-attribute-prompt-error
36 #oauth-enroll-step-attribute-prompt-error,
37 .oauth-enroll-state-signin #oauth-enroll-step-signin,
38 .oauth-enroll-state-attribute-prompt
39 #oauth-enroll-step-attribute-prompt {
40 display: block;
41 height: 100%;
42 width: 100%;
45 #oauth-enroll-auth-view-container,
46 #oauth-enroll-auth-view {
47 display: block;
48 height: 100%;
49 overflow: hidden;
50 padding: 0;
51 width: 100%;
54 #oauth-enrollment.mode-manual #oauth-enroll-learn-more-link,
55 #oauth-enrollment.mode-forced #oauth-enroll-learn-more-link,
56 #oauth-enrollment.mode-recovery #oauth-enroll-learn-more-link {
57 display: inline;
60 .oauth-enroll-step-content {
61 display: table-cell;
62 vertical-align: middle;
65 .oauth-enroll-step-message {
66 display: inline-block;
67 max-width: 400px;
68 text-align: left;
69 vertical-align: top;
72 .oauth-enroll-link {
73 color: rgb(17, 85, 204);
74 cursor: pointer;
75 text-decoration: none;
78 .oauth-enroll-button {
79 display: none;
82 #oauth-enroll-back-button,
83 #oauth-enrollment.saml #oauth-enroll-back-button {
84 display: none;
87 .oauth-enroll-state-signin #oauth-enroll-back-button {
88 display: inline;
91 .oauth-enroll-state-signin.mode-manual #oauth-enroll-cancel-button,
92 .oauth-enroll-state-signin.mode-forced #oauth-enroll-refresh-button,
93 .oauth-enroll-state-signin.mode-recovery #oauth-enroll-refresh-button,
94 .oauth-enroll-state-working.mode-manual #oauth-enroll-cancel-button,
95 .oauth-enroll-state-working.mode-forced #oauth-enroll-refresh-button,
96 .oauth-enroll-stain-working.mode-recovery #oauth-enroll-refresh-button,
97 .oauth-enroll-state-error.mode-manual #oauth-enroll-cancel-button,
98 .oauth-enroll-state-error.mode-manual #oauth-enroll-done-button,
99 .oauth-enroll-state-success #oauth-enroll-done-button {
100 display: inline;
103 #oobe.oauth-enrollment #header-oauth-enrollment {
104 display: block;
107 #oauth-saml-notice-container {
108 -webkit-margin-start: 19px;
109 left: 0;
110 position: absolute;
111 right: 0;
112 text-align: start;
113 top: 15px;
116 #oauth-enrollment.saml {
117 padding-top: 47px;
120 #oauth-enrollment.saml #oauth-enrollment-controls,
121 #oauth-enrollment.saml #oauth-enroll-signin-link-container {
122 -webkit-padding-end: 17px;
125 #oauth-enrollment:not(.saml) #oauth-saml-notice-container {
126 display: none;
129 #oauth-saml-notice-message {
130 color: rgb(106, 106, 106);
131 font-size: 13px;
132 margin: 0 auto;
135 #oauth-enroll-cancel-button,
136 #oauth-enroll-back-button,
137 #oauth-enroll-refresh-button {
138 position: absolute;
139 top: 10px;
140 z-index: 1;
143 #oauth-enroll-cancel-button,
144 #oauth-enroll-refresh-button {
145 color: rgba(0, 0, 0, .54);
146 right: 10px;
149 html[dir=rtl] #oauth-enroll-cancel-button,
150 html[dir=rtl] #oauth-enroll-refresh-button {
151 left: 10px;
152 right: auto;
155 #oauth-enrollment.saml #oauth-enroll-cancel-button,
156 #oauth-enrollment.saml #oauth-enroll-refresh-button {
157 color: rgba(0, 0, 0, .54);
160 .oauth-enroll-state-signin #oauth-enroll-cancel-button,
161 .oauth-enroll-state-working #oauth-enroll-cancel-button,
162 .oauth-enroll-state-signin #oauth-enroll-refresh-button,
163 .oauth-enroll-state-working #oauth-enroll-refresh-button {
164 color: white;
167 #oauth-enroll-back-button {
168 color: white;
169 left: 10px;
172 html[dir=rtl] #oauth-enroll-back-button {
173 -webkit-transform: scaleX(-1);
174 left: auto;
175 right: 10px;
178 #oauth-enrollment.saml #oauth-enroll-back-button {
179 display: none;
182 #oauth-enroll-attribute-prompt-message {
183 color: black;