MD user manager (learn more page, user manager tutorial)

chrome/browser/resources/md_user_manager/create_profile.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/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/web_ui_listener_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classes/iron-flex-layout.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-checkbox.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dropdown-menu/paper-dropdown-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-menu/paper-menu.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-spinner/paper-spinner.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
 
 <dom-module id="create-profile">
   <link rel="import" type="css"
       href="chrome://md-user-manager/create_profile.css">
   <link rel="import" type="css" href="chrome://resources/css/action_link.css">
   <template>
+    <style include="shared-styles"></style>
     <div class="container">
       <div id="title-bar" i18n-content="createProfileTitle"></div>
       <paper-input id="nameInput" value="{{profileName_}}" pattern=".*\S.*"
           auto-validate>
       </paper-input>
       <div id="icons">
         <div id="wrapper">
         <template is="dom-repeat" items="[[availableIconUrls_]]">
           <paper-button toggles on-tap="onIconTap_" data-icon-url$="[[item]]"
               active="{{isActiveIcon_(item, profileIconUrl_)}}">
             <img src="[[item]]">
           </paper-button>
         </template>
         </div>
       </div>
       <div id="createSupervisedContainer">
         <template is="dom-if" if="[[signedIn_]]">
           <paper-checkbox checked="{{isSupervised_}}"
               disabled="{{supervisedUserCheckboxDisabled_}}">
-            <span i18n-content="manageProfilesSupervisedSignedInLabel"></span>
+            <span>[[i18n('manageProfilesSupervisedSignedInLabel')]]</span>
           </paper-checkbox>
           <paper-dropdown-menu no-label-float>
             <paper-menu selected="{{selectedEmail_}}" class="dropdown-content">
               <template is="dom-repeat" items="[[signedInUsers_]]">
                 <paper-item>[[item.username]]</paper-item>
               </template>
             </paper-menu>
           </paper-dropdown-menu>
-          <a id="learnMore" is="action-link" i18n-content="learnMore"
-              on-tap="onLearnMoreTap_"></a>
+          <a id="learnMore" is="action-link" on-tap="onLearnMoreTap_">
+            [[i18n('learnMore')]]
+          </a>
         </template>
         <span id="noSignedInUserContainer"
             i18n-values=".innerHTML:manageProfilesSupervisedNotSignedIn"
             hidden="{{signedIn_}}">
         </span>
         <div id="messageBubble" inner-h-t-m-l="{{message_}}"></div>
       </div>
       <div id="actions" class="layout horizontal end-justified">
         <paper-spinner active="[[createInProgress_]]"></paper-spinner>
         <paper-button id="cancel" on-tap="onCancelTap_" i18n-content="cancel">
         </paper-button>
         <paper-button id="save" on-tap="onSaveTap_"
             i18n-content="createProfileConfirm"
             disabled="{{isOkDisabled_(createInProgress_, profileName_, message_)}}">
         </paper-button>
       </div>
     </div>
   </template>
   <script src="chrome://md-user-manager/create_profile.js"></script>
 </dom-module>