| 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 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ | 9 -webkit-perspective: 1px; /* Workaround, see http://crbug.com/360567 */ |
| 10 bottom: 57px; /* Leave space for the header bar */ | 10 bottom: 57px; /* Leave space for the header bar */ |
| 11 display: -webkit-box; | 11 display: -webkit-box; |
| 12 left: 0; | 12 left: 0; |
| 13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ | 13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ |
| 14 position: absolute; | 14 position: absolute; |
| 15 right: 0; | 15 right: 0; |
| 16 top: 0; | 16 top: 0; |
| 17 z-index: 1; | 17 z-index: 1; |
| 18 } | 18 } |
| 19 | 19 |
| 20 .oobe-display #outer-container { | 20 .oobe-display #outer-container { |
| 21 -webkit-perspective: 600px; | 21 -webkit-perspective: 600px; |
| 22 } | 22 } |
| 23 | 23 |
| 24 .pin-container.pin-enabled { | 24 .pin-container.pin-enabled { |
| 25 opacity: 1; | 25 opacity: 1; |
| 26 transition: opacity 200ms ease-in-out 180ms, | 26 transition: opacity 200ms ease-in-out 180ms; |
| 27 visibility 200ms ease-in-out 180ms; | |
| 28 visibility: visible; | 27 visibility: visible; |
| 29 } | 28 } |
| 30 | 29 |
| 31 .pin-container.pin-disabled { | 30 .pin-container.pin-disabled { |
| 32 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ | 31 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ |
| 33 transition: none; | 32 transition: none; |
| 34 visibility: hidden; /* Needed because pin-keyboard's offsetHeight is | 33 visibility: hidden; /* Needed because pin-keyboard's offsetHeight is |
| 35 checked to determine if loaded. */ | 34 checked to determine if loaded. */ |
| 36 } | 35 } |
| 37 | 36 |
| (...skipping 182 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 220 line-height: 31px; | 219 line-height: 31px; |
| 221 text-transform: lowercase; | 220 text-transform: lowercase; |
| 222 width: 23em; | 221 width: 23em; |
| 223 } | 222 } |
| 224 | 223 |
| 225 .header-section::before { | 224 .header-section::before { |
| 226 /* Divider in header between product name and title, | 225 /* Divider in header between product name and title, |
| 227 * like "[Product name] > [step header]". */ | 226 * like "[Product name] > [step header]". */ |
| 228 content: '\00A0\203A\00A0\00A0'; | 227 content: '\00A0\203A\00A0\00A0'; |
| 229 } | 228 } |
| OLD | NEW |