[MD Extensions] Merge CSS into html files

chrome/browser/resources/md_extensions/manager.html

 <link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field.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/promise_resolver.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-header-panel/paper-header-panel.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animatable.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/neon-animation/neon-animated-pages.html">
 <link rel="import" href="chrome://extensions/detail_view.html">
 <link rel="import" href="chrome://extensions/drop_overlay.html">
 <link rel="import" href="chrome://extensions/item_list.html">
 <link rel="import" href="chrome://extensions/keyboard_shortcuts.html">
 <link rel="import" href="chrome://extensions/options_dialog.html">
 <link rel="import" href="chrome://extensions/pack_dialog.html">
 <link rel="import" href="chrome://extensions/service.html">
 <link rel="import" href="chrome://extensions/sidebar.html">
 
 <dom-module id="extensions-manager">
   <template>
+    <style>
+      [hidden] {
+        display: none !important;
+      }
+      :host {
+        height: 100%;
+      }
+      #panel {
+        --paper-header-panel-standard-container: {
+          display: flex;
+        };
+      }
+      #pages {
+        -webkit-margin-start: 30px;
+        overflow-y: auto;
+        padding-bottom: 30px;
+        width: 100%;
+      }
+      extensions-item {
+        display: inline-block;
+      }
+      .paper-header {
+        align-items: center;
+        background: rgb(63, 85, 102);
+        color: white;
+        display: flex;
+        height: 56px;
+      }
+      .paper-header cr-search-field {
+        -webkit-padding-end: 10px;
+      }
+      .paper-header h1 {
+        -webkit-margin-start: 24px;
+        flex: 1;
+        font-size: 107.7%;
+        font-weight: normal;
+        margin-bottom: 0;
+        margin-top: 0;
+      }
+    </style>
     <extensions-drop-overlay></extensions-drop-overlay>
     <paper-header-panel id="panel">
       <div class="paper-header">
         <h1>$i18n{toolbarTitle}</h1>
         <cr-search-field label="$i18n{search}"
             on-search-changed="onFilterChanged_"></cr-search-field>
       </div>
       <extensions-sidebar in-dev-mode="[[inDevMode]]">
       </extensions-sidebar>
       <neon-animated-pages id="pages" selected="0">
         <extensions-item-list id="items-list" items="[[extensions]]"
             delegate="[[itemDelegate]]" in-dev-mode="[[inDevMode]]"
             filter="[[filter]]"
             hidden$="[[computeListHidden_(extensions, extensions.splices, apps, apps.splices)]]">
         </extensions-item-list>
         <extensions-detail-view id="details-view" delegate="[[itemDelegate]]"
             on-close="onDetailsViewClose_">
         </extensions-detail-view>
         <extensions-keyboard-shortcuts id="keyboard-shortcuts"
             items="[[extensions]]">
         </extensions-keyboard-shortcuts>
       </neon-animated-pages>
       <extensions-options-dialog id="options-dialog">
       </extensions-options-dialog>
       <extensions-pack-dialog id="pack-dialog"></extensions-pack-dialog>
     </paper-header-panel>
   </template>
-  <link rel="import" type="css" href="chrome://extensions/manager.css">
   <script src="chrome://extensions/manager.js"></script>
 </dom-module>