Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(125)

Side by Side Diff: chrome/browser/resources/chromeos/login/screen_gaia_signin.css

Issue 1052103003: Update frame around SAML IdP pages to new GAIA style (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 5 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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
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
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698