MD User Manager: Refactors existing dialogs in User Manager into <user-manager-dialog>

chrome/browser/resources/md_user_manager/create_profile.html

 <link rel="import" href="chrome://md-user-manager/import_supervised_user.html">
 <link rel="import" href="chrome://md-user-manager/profile_browser_proxy.html">
 <link rel="import" href="chrome://md-user-manager/shared_styles.html">
 <link rel="import" href="chrome://resources/cr_elements/icons.html">
 <link rel="import" href="chrome://resources/html/action_link.html">
 <link rel="import" href="chrome://resources/html/cr.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/html/polymer.html">
 <link rel="import" href="chrome://resources/html/util.html">
 <link rel="import" href="chrome://resources/html/web_ui_listener_behavior.html">
@@ skipping 45 matching lines @@
       #message-container #message {
         -webkit-margin-start: 16px;
       }
 
       #message-container #supervised-user-import-existing {
         color: inherit;
         text-decoration: underline;
       }
 
       #title-bar {
-        border-bottom: 1px solid rgba(0, 0, 0, .12);
+        border-bottom: var(--user-manager-separator-line);
         font-size: 16px;
         font-weight: 500;
         padding: 104px 0 16px;
       }
 
       #nameInput,
       paper-dropdown-menu {
         --paper-input-container-color: var(--primary-text-color);
         --paper-input-container-focus-color: var(--google-blue-500);
         --paper-input-container-input: {
@@ skipping 13 matching lines @@
         margin: -12px;
       }
 
       #icons paper-button {
         --paper-button: {
           background: var(--paper-grey-300);
         };
         --paper-button-flat-keyboard-focus: {
           background: var(--paper-grey-400);
         };
-        border: 1px solid rgba(0, 0, 0, .12);
+        border: var(--user-manager-separator-line);
         margin: 12px;
         min-width: 0;
         padding: 6px 4px;
       }
 
       #icons paper-button[active] {
         border-color: var(--google-blue-500);
       }
 
       paper-checkbox {
@@ skipping 80 matching lines @@
             <img src="[[item.url]]" alt="[[item.label]]">
           </paper-button>
         </template>
       </div>
       <paper-checkbox checked="{{isSupervised_}}">
         $i18n{manageProfilesSupervisedSignedInLabel}
       </paper-checkbox>
       <div id="supervised-user-container">
         <div id="learn-more" >
           <a is="action-link" on-tap="onLearnMoreTap_">$i18n{learnMore}</a>
-        <div>
+        </div>
         <template is="dom-if" if="[[isSupervised_]]">
           <template is="dom-if" if="[[isSignedIn_(signedInUsers_)]]">
             <paper-dropdown-menu no-label-float>
               <paper-listbox class="dropdown-content"
                   selected="{{signedInUserIndex_}}"
                   attr-for-selected="data-user-index">
                 <paper-item data-user-index$="[[sentinelSignedInUserIndex_]]">
                   $i18n{selectAnAccount}
                 </paper-item>
                 <template is="dom-repeat" items="[[signedInUsers_]]">
@@ skipping 24 matching lines @@
         <paper-button id="save" class="action primary" on-tap="onSaveTap_"
             disabled="[[isSaveDisabled_(createInProgress_, profileName_)]]">
           $i18n{createProfileConfirm}
         </paper-button>
       </div>
       <import-supervised-user id="importUserPopup"></import-supervised-user>
     </div>
   </template>
   <script src="chrome://md-user-manager/create_profile.js"></script>
 </dom-module>