| 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 |