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 */ | |
10 bottom: 57px; /* Leave space for the header bar */ | 9 bottom: 57px; /* Leave space for the header bar */ |
11 display: -webkit-box; | 10 display: -webkit-box; |
12 left: 0; | 11 left: 0; |
13 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ | 12 min-height: 717px; /* This enables scrolling. Min resolution: 1024x768 */ |
| 13 perspective: 1px; /* Workaround, see http://crbug.com/360567 */ |
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; | |
22 bottom: 47px; /* header-bar is 47 pixels high during OOBE */ | 21 bottom: 47px; /* header-bar is 47 pixels high during OOBE */ |
| 22 perspective: 600px; |
23 } | 23 } |
24 | 24 |
25 .pin-container.pin-enabled { | 25 .pin-container.pin-enabled { |
26 opacity: 1; | 26 opacity: 1; |
27 transition: opacity 200ms ease-in-out 180ms; | 27 transition: opacity 200ms ease-in-out 180ms; |
28 visibility: visible; | 28 visibility: visible; |
29 } | 29 } |
30 | 30 |
31 .pin-container.pin-disabled { | 31 .pin-container.pin-disabled { |
32 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ | 32 opacity: 0; /* Opacity is set to 1 after the pin element is loaded. */ |
(...skipping 221 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
254 line-height: 31px; | 254 line-height: 31px; |
255 text-transform: lowercase; | 255 text-transform: lowercase; |
256 width: 23em; | 256 width: 23em; |
257 } | 257 } |
258 | 258 |
259 .header-section::before { | 259 .header-section::before { |
260 /* Divider in header between product name and title, | 260 /* Divider in header between product name and title, |
261 * like "[Product name] > [step header]". */ | 261 * like "[Product name] > [step header]". */ |
262 content: '\00A0\203A\00A0\00A0'; | 262 content: '\00A0\203A\00A0\00A0'; |
263 } | 263 } |
OLD | NEW |