| 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 { | 24 #pin-container { |
| 25 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ | 25 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ |
| 26 transition: opacity 200ms ease-in-out; | 26 visibility: hidden; |
| 27 } |
| 28 |
| 29 #pin-container.pin-enabled { |
| 30 opacity: 1; |
| 31 transition: opacity 200ms ease-in-out 500ms, |
| 32 visibility 200ms ease-in-out 500ms; |
| 33 visibility: visible; |
| 34 } |
| 35 |
| 36 #pin-container.pin-disabled { |
| 37 transition: none; |
| 38 visibility: hidden; |
| 27 } | 39 } |
| 28 | 40 |
| 29 #scroll-container { | 41 #scroll-container { |
| 30 bottom: 0; /* Allows content overlap with control bar. */ | 42 bottom: 0; /* Allows content overlap with control bar. */ |
| 31 left: 0; | 43 left: 0; |
| 32 overflow-x: hidden; | 44 overflow-x: hidden; |
| 33 overflow-y: auto; | 45 overflow-y: auto; |
| 34 position: absolute; | 46 position: absolute; |
| 35 right: 0; | 47 right: 0; |
| 36 top: 0; | 48 top: 0; |
| 37 } | 49 } |
| 38 | 50 |
| 39 #scroll-container::-webkit-scrollbar { | 51 #scroll-container::-webkit-scrollbar { |
| 40 display: none; | 52 display: none; |
| 41 } | 53 } |
| 42 | 54 |
| 43 #inner-container { | 55 #inner-container { |
| 44 border-radius: 2px; | 56 border-radius: 2px; |
| 45 padding: 0; | |
| 46 position: relative; | 57 position: relative; |
| 47 } | 58 } |
| 48 | 59 |
| 49 #inner-container.animation { | 60 #inner-container.animation { |
| 50 overflow: hidden; | 61 overflow: hidden; |
| 51 } | 62 } |
| 52 | 63 |
| 53 #inner-container.disabled { | 64 #inner-container.disabled { |
| 54 opacity: 0.4; | 65 opacity: 0.4; |
| 55 pointer-events: none; | 66 pointer-events: none; |
| (...skipping 156 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 212 line-height: 31px; | 223 line-height: 31px; |
| 213 text-transform: lowercase; | 224 text-transform: lowercase; |
| 214 width: 23em; | 225 width: 23em; |
| 215 } | 226 } |
| 216 | 227 |
| 217 .header-section::before { | 228 .header-section::before { |
| 218 /* Divider in header between product name and title, | 229 /* Divider in header between product name and title, |
| 219 * like "[Product name] > [step header]". */ | 230 * like "[Product name] > [step header]". */ |
| 220 content: '\00A0\203A\00A0\00A0'; | 231 content: '\00A0\203A\00A0\00A0'; |
| 221 } | 232 } |
| OLD | NEW |