ChromeOS: Implement minumal material design OOBE.

chrome/browser/resources/chromeos/login/oobe_welcome.html

Index: chrome/browser/resources/chromeos/login/oobe_welcome.html
diff --git a/chrome/browser/resources/chromeos/login/oobe_welcome.html b/chrome/browser/resources/chromeos/login/oobe_welcome.html
new file mode 100644
index 0000000000000000000000000000000000000000..836403d2ac3f580721e3df78a487b403ec486a95
--- /dev/null
+++ b/chrome/browser/resources/chromeos/login/oobe_welcome.html
@@ -0,0 +1,63 @@
+<dom-module name="oobe-welcome-md">
+  <style>
+    :host {
+      display: flex;
+      flex-direction: column;
+      font-size: 18px;
+      overflow: hidden;
+      position: relative;
+    }
+    
+    paper-dialog {
+      --paper-dialog-title: {
+        font-size: 15px;
+      };
+      width: 384px;
+    }
+    
+    #oobe-welcome-md .buttonbox {
+      font-size: 32px;
+      padding: 15px 24px 24px;
+      width: 100px;
+    }
+    
+    #oobe-welcome-md .welcome-next {
+      padding: 15px 24px 24px;
+    }
+    
+    #oobe-welcome-md .bottom-button {
+        --iron-icon-height: 32px;
+        --iron-icon-width: 32px;
+    }
+  </style>
+  <template>
+    <neon-animated-pages id="animatedPages" class="fit" attr-for-selected="id"

[jdufault, 2016/05/20 18:27:27]

Does the fit class still do anything?

[Alexander Alekseev, 2016/05/24 00:38:45]

I believe so:
https://elements.polymer-project.org/guides/flex-layout#general-purpose-rules

+        entry-animation="slide-from-right-animation"
+        exit-animation="slide-to-left-animation"
+        on-neon-animation-finish="onAnimationFinish_" selected="welcomeSection">
+
+      <neon-animatable id="welcomeSection" class="fit">
+        <oobe-card class="fit">
+          <div class="header flex vertical layout end-justified start">

[jdufault, 2016/05/20 18:27:27]

Please verify these classes are still defined and useful.

[Alexander Alekseev, 2016/05/24 00:38:45]

Done.

+            <h1 class="welcome-message" i18n-content="networkScreenGreeting"></h1>
+          </div>
+          <div class="footer flex vertical layout justified">
+            <div class="welcome-next flex vertical layout center">
+              <oobe-button-next id="welcomeNextButton" on-tap="onWelcomeNextButtonClicked_"></oobe-button-next>
+            </div>
+            <div class="flex horizontal layout justified">
+              <div class="buttonbox layout vertical">
+                <iron-icon icon="icons:language" class="bottom-button self-center"></iron-icon>
+                <div id="currentLanguage">[[currentLanguage]]</div>
+              </div>
+              <div class="buttonbox layout vertical">
+                <iron-icon icon="icons:accessibility" class="bottom-button self-center"></iron-icon>
+                <div id="accessibilityLabel" i18n-content="accessibilityLink"></div>
+              </div>
+            </div>
+          </div>
+        </oobe-card>
+      </neon-animatable>
+  </template>
+</dom-module>
+