OLD | NEW |
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 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 | 2 * Use of this source code is governed by a BSD-style license that can be |
3 * found in the LICENSE file. | 3 * found in the LICENSE file. |
4 */ | 4 */ |
5 | 5 |
6 #gaia-signin { | 6 #gaia-signin { |
7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ | 7 height: 609px; /* Should be the same as #user-image.loading min-heigth. */ |
8 padding: 70px 17px 69px; /* Screen has no controls. */ | 8 padding: 70px 17px 69px; /* Screen has no controls. */ |
9 width: 722px; /* Should be the same as #user-image.loading width. */ | 9 width: 722px; /* Should be the same as #user-image.loading width. */ |
10 } | 10 } |
(...skipping 17 matching lines...) Expand all Loading... |
28 } | 28 } |
29 | 29 |
30 .new-gaia-flow throbber-notice { | 30 .new-gaia-flow throbber-notice { |
31 display: block; | 31 display: block; |
32 } | 32 } |
33 | 33 |
34 #gaia-signin.full-width { | 34 #gaia-signin.full-width { |
35 padding: 75px 0 0; | 35 padding: 75px 0 0; |
36 } | 36 } |
37 | 37 |
| 38 .new-gaia-flow #gaia-signin.full-width { |
| 39 padding-top: 47px; |
| 40 width: 562px; |
| 41 } |
| 42 |
38 #signin-right { | 43 #signin-right { |
39 -webkit-margin-start: 30px; | 44 -webkit-margin-start: 30px; |
40 margin-top: 80px; | 45 margin-top: 80px; |
41 top: 60px; | 46 top: 60px; |
42 width: 200px; | 47 width: 200px; |
43 } | 48 } |
44 | 49 |
45 #signin-right, | 50 #signin-right, |
46 #enterprise-info-container, | 51 #enterprise-info-container, |
47 #saml-info-container { | 52 #saml-info-container { |
(...skipping 23 matching lines...) Expand all Loading... |
71 top: 15px; | 76 top: 15px; |
72 width: 14px; | 77 width: 14px; |
73 z-index: 1; | 78 z-index: 1; |
74 } | 79 } |
75 | 80 |
76 html[dir=rtl] #close-button-item { | 81 html[dir=rtl] #close-button-item { |
77 left: 15px; | 82 left: 15px; |
78 right: auto; | 83 right: auto; |
79 } | 84 } |
80 | 85 |
81 .loading #close-button-item { | 86 .loading #close-button-item, |
| 87 .new-gaia-flow .full-width #close-button-item { |
82 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE); | 88 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_ON_WHITE); |
83 } | 89 } |
84 | 90 |
85 .loading.auth-completed #close-button-item { | 91 .loading.auth-completed #close-button-item { |
86 display: none; | 92 display: none; |
87 } | 93 } |
88 | 94 |
89 #close-button-item:disabled { | 95 #close-button-item:disabled { |
90 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED); | 96 background-image: url(chrome://theme/IDR_LOGIN_CLOSE_BUTTTON_MASKED); |
91 } | 97 } |
(...skipping 10 matching lines...) Expand all Loading... |
102 width: 18px; | 108 width: 18px; |
103 z-index: 1; | 109 z-index: 1; |
104 } | 110 } |
105 | 111 |
106 html[dir=rtl] #back-button-item { | 112 html[dir=rtl] #back-button-item { |
107 -webkit-transform: scaleX(-1); | 113 -webkit-transform: scaleX(-1); |
108 left: auto; | 114 left: auto; |
109 right: 14px; | 115 right: 14px; |
110 } | 116 } |
111 | 117 |
| 118 .new-gaia-flow .full-width #back-button-item { |
| 119 display: none; |
| 120 } |
| 121 |
112 #back-button-item:disabled { | 122 #back-button-item:disabled { |
113 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON_MASKED); | 123 background-image: url(chrome://theme/IDR_LOGIN_BACK_BUTTTON_MASKED); |
114 } | 124 } |
115 | 125 |
116 .signin-text { | 126 .signin-text { |
117 color: #666; | 127 color: #666; |
118 margin-top: 20px; | 128 margin-top: 20px; |
119 } | 129 } |
120 | 130 |
121 .signin-link { | 131 .signin-link { |
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
163 #signin-frame { | 173 #signin-frame { |
164 background-color: transparent; | 174 background-color: transparent; |
165 margin-left: -44px; | 175 margin-left: -44px; |
166 vertical-align: top; | 176 vertical-align: top; |
167 width: 400px; | 177 width: 400px; |
168 } | 178 } |
169 | 179 |
170 webview#signin-frame { | 180 webview#signin-frame { |
171 -webkit-transition: opacity 500ms ease-in; | 181 -webkit-transition: opacity 500ms ease-in; |
172 display: block; | 182 display: block; |
173 height: 528px; | |
174 margin-left: 0; | 183 margin-left: 0; |
175 opacity: 0; | 184 opacity: 0; |
176 overflow: hidden; | 185 overflow: hidden; |
177 padding: 0; | 186 padding: 0; |
178 width: 448px; | 187 width: 448px; |
179 } | 188 } |
180 | 189 |
181 webview#signin-frame.show { | 190 webview#signin-frame.show { |
182 -webkit-transition: opacity 500ms ease-out; | 191 -webkit-transition: opacity 500ms ease-out; |
183 opacity: 1; | 192 opacity: 1; |
(...skipping 60 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
244 } | 253 } |
245 | 254 |
246 #saml-notice-container { | 255 #saml-notice-container { |
247 left: 0; | 256 left: 0; |
248 position: absolute; | 257 position: absolute; |
249 right: 0; | 258 right: 0; |
250 text-align: center; | 259 text-align: center; |
251 top: 50px; | 260 top: 50px; |
252 } | 261 } |
253 | 262 |
| 263 .new-gaia-flow #saml-notice-container { |
| 264 -webkit-margin-start: 19px; |
| 265 text-align: start; |
| 266 top: 15px; |
| 267 } |
| 268 |
254 #saml-notice-message { | 269 #saml-notice-message { |
255 margin: 0 auto; | 270 margin: 0 auto; |
256 } | 271 } |
257 | 272 |
| 273 .new-gaia-flow #saml-notice-message { |
| 274 color: rgb(106, 106, 106); |
| 275 font-size: 13px; |
| 276 } |
| 277 |
258 #gaia-whitelist-error { | 278 #gaia-whitelist-error { |
259 bottom: 0; | 279 bottom: 0; |
260 display: none; | 280 display: none; |
261 left: 0; | 281 left: 0; |
262 position: absolute; | 282 position: absolute; |
263 right: 0; | 283 right: 0; |
264 top: 0; | 284 top: 0; |
265 } | 285 } |
266 | 286 |
267 .new-gaia-flow #gaia-whitelist-error { | 287 .new-gaia-flow #gaia-whitelist-error { |
(...skipping 44 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
312 | 332 |
313 .new-gaia-flow /deep/ .newgaia-header { | 333 .new-gaia-flow /deep/ .newgaia-header { |
314 background-color: rgb(66, 133, 244); | 334 background-color: rgb(66, 133, 244); |
315 color: rgb(255, 255, 255); | 335 color: rgb(255, 255, 255); |
316 height: 198px; | 336 height: 198px; |
317 } | 337 } |
318 | 338 |
319 .new-gaia-flow /deep/ .newgaia-padded { | 339 .new-gaia-flow /deep/ .newgaia-padded { |
320 padding: 0 40px; | 340 padding: 0 40px; |
321 } | 341 } |
OLD | NEW |