Scaffold for MD-Settings.

chrome/browser/resources/settings/settings_main/settings_main.html

Index: chrome/browser/resources/settings/settings_main/settings_main.html
diff --git a/chrome/browser/resources/settings/settings_main/settings_main.html b/chrome/browser/resources/settings/settings_main/settings_main.html
new file mode 100644
index 0000000000000000000000000000000000000000..b4686e0ae6e2750007a1e32aab1ac6f27eab4031
--- /dev/null
+++ b/chrome/browser/resources/settings/settings_main/settings_main.html
@@ -0,0 +1,19 @@
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-animated-pages/core-animated-pages.html">
+<link rel="import" href="chrome://resources/polymer/core-transition/core-transition.html">
+<link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
+
+<polymer-element name="cr-settings-main">
+  <template>
+    <link rel="stylesheet" href="settings_main.css">
+    <div id="container">
+      <paper-shadow>
+        <core-animated-pages id="pages" selected="{{selectedPageId}}"

[Kyle Horimoto, 2015/03/12 18:57:35]

nit: Do you think it would be better to give this an ID of "page-selector", or
something a little different from the "pages" field used by most of the custom
elements you create in this CL?

[michaelpg, 2015/03/13 00:47:01]

Good idea. I used 'pageContainer'.

+            valueattr="PAGE_ID" transitions="cross-fade">

[Jeremy Klein, 2015/03/12 06:46:36]

For the cross-fade, are you just thinking we'll add the cross fade on elements
inside the pages where appropriate?

[michaelpg, 2015/03/13 00:47:01]

No, we'll wrap the entire page in a <section cross-fade>. Faster and easier than
cross-fading a bunch of elements.

Check out the changes to a11y_page.html in the next CL here:
https://codereview.chromium.org/986843002/diff2/100001:120001/chrome/browser/...

I figure it's not worth modifying a11y_page.html for this CL, especially since
there's only one page.

[Jeremy Klein, 2015/03/13 00:49:31]

Cool, that works too. Thanks.

+          <cr-settings-a11y-page prefs="{{prefs}}"></cr-settings-a11y-page>
+        </core-animated-pages>
+      </paper-shadow>
+    </div>
+  </template>
+  <script src="settings_main.js"></script>
+</polymer-element>