Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / chrome / browser / resources / chromeos / login / screen_password_changed.css
blobca97922024ddf760d79f4b8b2ea61a9e39ba0a69
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.
4 */
6 #password-changed {
7 height: 570px;
8 /* Screen has no controls but has padding at the last text message */
9 padding: 70px 17px 50px;
10 width: 485px;
13 #password-changed-contents {
14 color: #606060;
15 margin: 20px 60px;
18 #oobe.password-changed .step-controls {
19 -webkit-margin-start: 60px;
20 justify-content: flex-start;
23 #password-changed-title {
24 font-weight: bold;
27 #password-changed-description,
28 #password-changed-more-info {
29 margin-top: 25px;
32 #old-password-block {
33 margin-top: 45px;
36 #old-password {
37 padding: 4px 6px;
40 #password-changed-link-block {
41 margin-top: 10px;
44 #password-changed-contents a {
45 color: rgb(49, 106, 197);
46 font-size: 12px;
47 text-decoration: none;
50 #password-changed-contents a.disabled {
51 color: gray;
54 #password-changed-contents a:focus {
55 -webkit-transition: outline-color 200ms;
56 /* Note: May use 1px solid here. */
57 outline-color: rgb(77, 144, 254);
60 #password-changed input[type='password']:disabled {
61 outline-color: rgb(77, 144, 254);
64 #password-changed-proceed-anyway-warning {
65 -webkit-padding-start: 30px;
66 background: url(chrome://theme/IDR_WARNING) left top /24px no-repeat;
67 margin-top: 50px;
70 #password-changed.migrate #password-changed-proceed-anyway-warning,
71 #password-changed.migrate #password-changed-proceed-button {
72 display: none;
75 #password-changed.resync #old-password-block,
76 #password-changed.resync #password-changed-link-block,
77 #password-changed.resync #password-changed-ok-button {
78 display: none;
81 #old-password-error {
82 color: red;
83 display: none;
84 font-size: 12px;
85 margin-top: 10px;
88 #password-changed.migrate.password-error #old-password-error {
89 display: block;
92 .password-changed .new-gaia-flow #step-logo {
93 display: none;
96 .new-gaia-flow #gaia-password-changed,
97 .new-gaia-flow #password-changed {
98 height: 528px;
99 padding: 0;
100 width: 448px;