| <!DOCTYPE html> |
| <meta charset="utf-8"> |
| <title>$i18n{headerText}</title> |
| |
| <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"> |
| <link rel="import" href="chrome://welcome/apps/apps_chooser.html"> |
| |
| <dom-module id="nux-google-apps"> |
| <template> |
| <style include="paper-button-style"> |
| body { |
| margin: 0; |
| } |
| |
| .apps-ask { |
| margin-left: auto; |
| margin-right: auto; |
| margin-top: 116px; |
| max-width: 568px; |
| } |
| |
| .chrome-logo { |
| content: -webkit-image-set( |
| url('chrome://welcome/logo.png') 1x, |
| url('chrome://welcome/logo2x.png') 2x); |
| height: 40px; |
| margin-bottom: 36px; |
| width: 40px; |
| } |
| |
| h1 { |
| color: #202124; |
| font-size: 28px; |
| opacity: .8; |
| margin-bottom: 16px; |
| } |
| |
| .description { |
| color: #5f6368; |
| font-size: 16px; |
| margin-bottom: 24px; |
| } |
| |
| apps-chooser { |
| color: #202124; |
| font-size: 14px; |
| margin-bottom: 48px; |
| } |
| |
| paper-button { |
| font-size: 14px; |
| } |
| |
| .button-bar { |
| display: flex; |
| justify-content: space-between; |
| } |
| </style> |
| |
| <div class="apps-ask"> |
| <div class="chrome-logo"></div> |
| <h1>$i18n{headerText}</h1> |
| <div class="description">$i18n{nuxDescription}</div> |
| |
| <apps-chooser></apps-chooser> |
| |
| <div class="button-bar"> |
| <paper-button>$i18n{noThanks}</paper-button> |
| <paper-button class="action-button">$i18n{getStarted}</paper-button> |
| </div> |
| </div> |
| </template> |
| <script src="apps/nux_google_apps.js"></script> |
| </dom-module> |
| |
| <nux-google-apps></nux-google-apps> |
| <link rel="stylesheet" href="chrome://resources/css/text_defaults_md.css"> |
| |
| </html> |
