| 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 |