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 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 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: visible; | 27 visibility: visible; |
28 } | 28 } |
29 | 29 |
30 .pin-container.pin-disabled { | 30 .pin-container.pin-disabled { |
31 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. */ |
(...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
99 #oobe.error-message #inner-container, | 99 #oobe.error-message #inner-container, |
100 #oobe.tpm-error-message #inner-container { | 100 #oobe.tpm-error-message #inner-container { |
101 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), | 101 box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), |
102 0 4px 23px 5px rgba(0, 0, 0, 0.2), | 102 0 4px 23px 5px rgba(0, 0, 0, 0.2), |
103 0 2px 6px rgba(0, 0, 0, 0.15); | 103 0 2px 6px rgba(0, 0, 0, 0.15); |
104 | 104 |
105 } | 105 } |
106 | 106 |
107 /* Only play this animation when 'down' class is removed. */ | 107 /* Only play this animation when 'down' class is removed. */ |
108 .oobe-display #inner-container:not(.down) { | 108 .oobe-display #inner-container:not(.down) { |
109 -webkit-transition: transform 200ms ease-in-out; | 109 transition: transform 200ms ease-in-out; |
110 } | 110 } |
111 | 111 |
112 .oobe-display #inner-container.down { | 112 .oobe-display #inner-container.down { |
113 transform: translateY(50px) rotateX(-2.5deg); | 113 transform: translateY(50px) rotateX(-2.5deg); |
114 } | 114 } |
115 | 115 |
116 #oobe:not([md-mode]) #step-logo { | 116 #oobe:not([md-mode]) #step-logo { |
117 -webkit-margin-start: 17px; | 117 -webkit-margin-start: 17px; |
118 display: -webkit-box; | 118 display: -webkit-box; |
119 position: absolute; | 119 position: absolute; |
120 top: 15px; | 120 top: 15px; |
121 } | 121 } |
122 | 122 |
123 #oobe[md-mode] #step-logo { | 123 #oobe[md-mode] #step-logo { |
124 display: none; | 124 display: none; |
125 } | 125 } |
126 | 126 |
127 #progress-dots { | 127 #progress-dots { |
128 -webkit-box-pack: center; | 128 -webkit-box-pack: center; |
129 -webkit-transition: opacity 200ms ease-in-out, | 129 transition: opacity 200ms ease-in-out, |
130 visibility 200ms ease-in-out; | 130 visibility 200ms ease-in-out; |
131 display: -webkit-box; | 131 display: -webkit-box; |
132 margin-top: 15px; | 132 margin-top: 15px; |
133 } | 133 } |
134 | 134 |
135 #oobe[md-mode] #progress-dots { | 135 #oobe[md-mode] #progress-dots { |
136 display: none; | 136 display: none; |
137 } | 137 } |
138 | 138 |
139 /* Hidden for the duration of initial transition. */ | 139 /* Hidden for the duration of initial transition. */ |
(...skipping 94 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
234 line-height: 31px; | 234 line-height: 31px; |
235 text-transform: lowercase; | 235 text-transform: lowercase; |
236 width: 23em; | 236 width: 23em; |
237 } | 237 } |
238 | 238 |
239 .header-section::before { | 239 .header-section::before { |
240 /* Divider in header between product name and title, | 240 /* Divider in header between product name and title, |
241 * like "[Product name] > [step header]". */ | 241 * like "[Product name] > [step header]". */ |
242 content: '\00A0\203A\00A0\00A0'; | 242 content: '\00A0\203A\00A0\00A0'; |
243 } | 243 } |
OLD | NEW |