OLD | NEW |
1 /* Copyright 2016 The Chromium Authors. All rights reserved. | 1 /* Copyright 2016 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 #oobe-welcome-md .buttonbox { | 5 /************* Welcome Screen **************/ |
6 font-size: 32px; | 6 #welcomeScreen #welcomeIllustration { |
7 padding: 15px 24px 24px; | 7 height: max-content; |
8 width: 100px; | 8 width: max-content; |
9 } | 9 } |
10 | 10 |
11 #oobe-welcome-md .welcome-next { | 11 #welcomeScreen #welcomeNextButton { |
12 padding: 15px 24px 24px; | 12 padding-top: 32px; |
13 } | 13 } |
14 | 14 |
15 #oobe-welcome-md .bottom-button { | 15 #welcomeScreen #welcomeButtons { |
| 16 font-size: 16px; |
| 17 padding-top: 24px; |
| 18 } |
| 19 |
| 20 #welcomeScreen .buttonbox-text { |
| 21 align-self: center; |
| 22 color: rgba(0, 0, 0, 0.54); |
| 23 font: 16px Roboto, sans-serif; |
| 24 /* TODO(alemate): max-width should depend on Timezone visibility. */ |
| 25 max-width: 220px; |
| 26 padding-top: 32px; |
| 27 position: absolute; |
| 28 text-align: center; |
| 29 top: 32px; |
| 30 width: max-content; |
| 31 } |
| 32 |
| 33 #welcomeScreen .action-icon { |
16 --iron-icon-height: 32px; | 34 --iron-icon-height: 32px; |
17 --iron-icon-width: 32px; | 35 --iron-icon-width: 32px; |
18 } | 36 } |
19 | 37 |
20 .language-selection-entry { | 38 #welcomeScreen .action-icon-spacer { |
| 39 margin: 0; |
| 40 padding: 0; |
| 41 width: 218px; |
| 42 } |
| 43 |
| 44 /************* Language Screen **************/ |
| 45 #languageScreen .language-selection-entry { |
21 border-top: 1px solid lightgrey; | 46 border-top: 1px solid lightgrey; |
22 height: 44px; | 47 height: 44px; |
23 padding: 0 20px; | 48 padding: 0 20px; |
24 } | 49 } |
25 | 50 |
26 .language-selection-entry:last-of-type { | 51 #languageScreen .language-selection-entry:last-of-type { |
27 border-bottom: 1px solid lightgrey; | 52 border-bottom: 1px solid lightgrey; |
28 } | 53 } |
29 | 54 |
30 .language-selection-title { | 55 #languageScreen .language-selection-title { |
31 color: rgba(0, 0, 0, 0.87); | 56 color: rgba(0, 0, 0, 0.87); |
32 font: 13px Roboto, sans-serif; | 57 font: 13px Roboto, sans-serif; |
33 } | 58 } |
34 | 59 |
35 oobe-a11y-option { | 60 /************* Accessibility Screen **************/ |
| 61 #accessibilityScreen oobe-a11y-option { |
36 border-top: 1px solid lightgrey; | 62 border-top: 1px solid lightgrey; |
37 min-height: 56px; | 63 min-height: 56px; |
38 } | 64 } |
39 | 65 |
40 oobe-a11y-option:last-of-type { | 66 #accessibilityScreen oobe-a11y-option:last-of-type { |
41 border-bottom: 1px solid rgba(0, 0, 0, 0.14); | 67 border-bottom: 1px solid rgba(0, 0, 0, 0.14); |
42 } | 68 } |
OLD | NEW |