| 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 /************* Welcome Screen **************/ | |
| 6 #welcomeScreen #welcomeIllustration { | |
| 7 height: max-content; | |
| 8 width: max-content; | |
| 9 } | |
| 10 | |
| 11 #welcomeScreen #welcomeNextButton { | |
| 12 padding-top: 32px; | |
| 13 } | |
| 14 | |
| 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 { | |
| 34 --iron-icon-height: 32px; | |
| 35 --iron-icon-width: 32px; | |
| 36 } | |
| 37 | |
| 38 #welcomeScreen .action-icon-spacer { | |
| 39 margin: 0; | |
| 40 padding: 0; | |
| 41 width: 218px; | |
| 42 } | |
| 43 | |
| 44 /************* Language Screen **************/ | 5 /************* Language Screen **************/ |
| 45 #languageScreen .language-selection-entry { | 6 #languageScreen .language-selection-entry { |
| 46 border-top: 1px solid lightgrey; | 7 border-top: 1px solid lightgrey; |
| 47 height: 44px; | 8 height: 44px; |
| 48 padding: 0 20px; | 9 padding: 0 20px; |
| 49 } | 10 } |
| 50 | 11 |
| 51 #languageScreen .language-selection-entry:last-of-type { | 12 #languageScreen .language-selection-entry:last-of-type { |
| 52 border-bottom: 1px solid lightgrey; | 13 border-bottom: 1px solid lightgrey; |
| 53 } | 14 } |
| 54 | 15 |
| 55 #languageScreen .language-selection-title { | 16 #languageScreen .language-selection-title { |
| 56 color: rgba(0, 0, 0, 0.87); | 17 color: rgba(0, 0, 0, 0.87); |
| 57 font: 13px Roboto, sans-serif; | 18 font: 13px Roboto, sans-serif; |
| 58 } | 19 } |
| 59 | 20 |
| 60 /************* Accessibility Screen **************/ | 21 /************* Accessibility Screen **************/ |
| 61 #accessibilityScreen oobe-a11y-option { | 22 #accessibilityScreen oobe-a11y-option { |
| 62 border-top: 1px solid lightgrey; | 23 border-top: 1px solid lightgrey; |
| 63 min-height: 56px; | 24 min-height: 56px; |
| 64 } | 25 } |
| 65 | 26 |
| 66 #accessibilityScreen oobe-a11y-option:last-of-type { | 27 #accessibilityScreen oobe-a11y-option:last-of-type { |
| 67 border-bottom: 1px solid rgba(0, 0, 0, 0.14); | 28 border-bottom: 1px solid rgba(0, 0, 0, 0.14); |
| 68 } | 29 } |
| OLD | NEW |