MD WebUI: Extract settings-dialog into shared cr-dialog element

ui/webui/resources/cr_elements/shared_style_css.html

Index: ui/webui/resources/cr_elements/shared_style_css.html
diff --git a/ui/webui/resources/cr_elements/shared_style_css.html b/ui/webui/resources/cr_elements/shared_style_css.html
new file mode 100644
index 0000000000000000000000000000000000000000..1f6cf1a50454d530929e1a586ac3ec515b7f8c2e
--- /dev/null
+++ b/ui/webui/resources/cr_elements/shared_style_css.html
@@ -0,0 +1,32 @@
+<link rel="import" href="chrome://resources/html/polymer.html">
+
+<!-- Common styles for Material Design WebUI. Included directly in
+  settings_shared_css.html. -->
+<dom-module id="cr-shared-style">
+  <template>
+    <style>
+      .action-button {
+        background: var(--google-blue-500);
+        color: white;
+        --paper-button-flat-keyboard-focus: {
+          background-color: rgb(58, 117, 215);  /* 88% of --google-blue-500 */
+        };
+      }
+
+      .action-button[disabled] {
+        opacity: .25;  /* TODO(dbeam): check this value with bettes. */
+      }
+
+      .cancel-button {
+        --paper-button-flat-keyboard-focus: {
+          background-color: rgba(0, 0, 0, .12);
+        };
+      }
+
+      .action-button,
+      .cancel-button {
+        font-weight: 500;
+      }
+    </style>
+  </template>
+</dom-module>