| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 #outer-container { | 6 #outer-container { |
| 7 -webkit-box-align: center; | 7 -webkit-box-align: center; |
| 8 -webkit-box-pack: center; | 8 -webkit-box-pack: center; |
| 9 bottom: 57px; /* Leave space for the header bar */ | 9 bottom: 57px; /* Leave space for the header bar */ |
| 10 display: -webkit-box; | 10 display: -webkit-box; |
| (...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 74 } | 74 } |
| 75 | 75 |
| 76 #oobe[md-mode] #progress-dots { | 76 #oobe[md-mode] #progress-dots { |
| 77 display: none; | 77 display: none; |
| 78 } | 78 } |
| 79 | 79 |
| 80 /* Screens that have a border and background. */ | 80 /* Screens that have a border and background. */ |
| 81 #oobe.auto-enrollment-check #inner-container, | 81 #oobe.auto-enrollment-check #inner-container, |
| 82 #oobe.autolaunch #inner-container, | 82 #oobe.autolaunch #inner-container, |
| 83 #oobe.confirm-password #inner-container, | 83 #oobe.confirm-password #inner-container, |
| 84 #oobe:not([md-mode]).connect #inner-container, | |
| 85 #oobe.debugging #inner-container, | 84 #oobe.debugging #inner-container, |
| 86 #oobe.enrollment #inner-container, | 85 #oobe.enrollment #inner-container, |
| 87 #oobe:not([md-mode]).eula #inner-container, | |
| 88 #oobe.fatal-error #inner-container, | 86 #oobe.fatal-error #inner-container, |
| 89 #oobe.gaia-signin #inner-container, | 87 #oobe.gaia-signin #inner-container, |
| 90 #oobe.hid-detection #inner-container, | 88 #oobe.hid-detection #inner-container, |
| 91 #oobe.kiosk-enable #inner-container, | 89 #oobe.kiosk-enable #inner-container, |
| 92 #oobe.oauth-enrollment #inner-container, | 90 #oobe.oauth-enrollment #inner-container, |
| 93 #oobe.password-changed #inner-container, | 91 #oobe.password-changed #inner-container, |
| 94 #oobe.ad-password-change #inner-container, | 92 #oobe.ad-password-change #inner-container, |
| 95 #oobe.reset #inner-container, | |
| 96 #oobe.supervised-user-creation #inner-container, | 93 #oobe.supervised-user-creation #inner-container, |
| 97 #oobe.supervised-user-creation-dialog #inner-container, | 94 #oobe.supervised-user-creation-dialog #inner-container, |
| 98 #oobe.terms-of-service #inner-container, | 95 #oobe.terms-of-service #inner-container, |
| 99 #oobe.arc-tos #inner-container, | 96 #oobe.arc-tos #inner-container, |
| 100 #oobe.update #inner-container, | 97 #oobe.update #inner-container, |
| 101 #oobe.user-image #inner-container, | 98 #oobe.user-image #inner-container, |
| 102 #oobe.wrong-hwid #inner-container, | 99 #oobe.wrong-hwid #inner-container, |
| 103 #oobe.unrecoverable-cryptohome-error #inner-container { | 100 #oobe.unrecoverable-cryptohome-error #inner-container { |
| 104 background: white; | 101 background: white; |
| 105 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), | 102 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), |
| (...skipping 11 matching lines...) Expand all Loading... |
| 117 | 114 |
| 118 /* Only play this animation when 'down' class is removed. */ | 115 /* Only play this animation when 'down' class is removed. */ |
| 119 .oobe-display #inner-container:not(.down) { | 116 .oobe-display #inner-container:not(.down) { |
| 120 transition: transform 200ms ease-in-out; | 117 transition: transform 200ms ease-in-out; |
| 121 } | 118 } |
| 122 | 119 |
| 123 .oobe-display #inner-container.down { | 120 .oobe-display #inner-container.down { |
| 124 transform: translateY(50px) rotateX(-2.5deg); | 121 transform: translateY(50px) rotateX(-2.5deg); |
| 125 } | 122 } |
| 126 | 123 |
| 127 #oobe:not([md-mode]) #step-logo { | |
| 128 -webkit-margin-start: 17px; | |
| 129 display: -webkit-box; | |
| 130 position: absolute; | |
| 131 top: 15px; | |
| 132 } | |
| 133 | |
| 134 #oobe[md-mode] #step-logo { | 124 #oobe[md-mode] #step-logo { |
| 135 display: none; | 125 display: none; |
| 136 } | 126 } |
| 137 | 127 |
| 138 #progress-dots { | 128 #progress-dots { |
| 139 -webkit-box-pack: center; | 129 -webkit-box-pack: center; |
| 140 display: -webkit-box; | 130 display: -webkit-box; |
| 141 margin-top: 15px; | 131 margin-top: 15px; |
| 142 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; | 132 transition: opacity 200ms ease-in-out, visibility 200ms ease-in-out; |
| 143 } | 133 } |
| (...skipping 101 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 245 line-height: 31px; | 235 line-height: 31px; |
| 246 text-transform: lowercase; | 236 text-transform: lowercase; |
| 247 width: 23em; | 237 width: 23em; |
| 248 } | 238 } |
| 249 | 239 |
| 250 .header-section::before { | 240 .header-section::before { |
| 251 /* Divider in header between product name and title, | 241 /* Divider in header between product name and title, |
| 252 * like "[Product name] > [step header]". */ | 242 * like "[Product name] > [step header]". */ |
| 253 content: '\00A0\203A\00A0\00A0'; | 243 content: '\00A0\203A\00A0\00A0'; |
| 254 } | 244 } |
| OLD | NEW |