| <link rel="import" href="chrome://resources/html/polymer.html"> |
| |
| <link rel="import" href="chrome://resources/cr_elements/paper_button_style_css.html"> |
| <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html"> |
| |
| <dom-module id="nux-ntp-background"> |
| <template> |
| <style include="paper-button-style"> |
| :host { |
| text-align: center; |
| } |
| |
| .ntp-background-logo { |
| content: -webkit-image-set( |
| url(chrome://welcome/images/ntp_background_1x.png) 1x, |
| url(chrome://welcome/images/ntp_background_2x.png) 2x); |
| height: 39px; |
| margin: auto; |
| margin-bottom: 16px; |
| width: 44px; |
| } |
| |
| h1 { |
| color: var(--google-grey-900); |
| font-size: 1.5rem; |
| font-weight: 500; |
| margin: 0; |
| margin-bottom: 46px; |
| outline: none; |
| } |
| |
| .button-bar { |
| display: flex; |
| justify-content: space-between; |
| margin-top: 56px; |
| } |
| |
| iron-icon[icon='cr:chevron-right'] { |
| height: 20px; |
| margin-inline-end: -10px; |
| margin-inline-start: 6px; |
| width: 20px; |
| } |
| </style> |
| <div class="ntp-background-logo"></div> |
| <h1 tabindex="-1">$i18n{ntpBackgroundDescription}</h1> |
| |
| <div class="button-bar"> |
| <paper-button on-click="onSkipClicked_"> |
| $i18n{skip} |
| </paper-button> |
| <step-indicator model="[[indicatorModel]]"></step-indicator> |
| <paper-button class="action-button" on-click="onNextClicked_"> |
| $i18n{next} |
| <iron-icon icon="cr:chevron-right"></iron-icon> |
| </paper-button> |
| </div> |
| </template> |
| <script src="nux_ntp_background.js"></script> |
| </dom-module> |