Convert *.css files to *_style.html files for the following custom elements:...

Convert *.css files to *_style.html files for the following custom elements: date_time_page, settings_drawer, settings_main, settings_menu, settings_page_header, and settings_ui. See http://goo.gl/vIGSCO for more information.

BUG=477154

Review URL: https://codereview.chromium.org/1051763004

Cr-Commit-Position: refs/heads/master@{#325353}

chrome/browser/resources/settings/date_time_page/date_time_page.html

@@ -4,11 +4,12 @@
 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
 <link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
+<link rel="import" href="date_time_page_style.html">
 
 <polymer-element name="cr-settings-date-time-page">
   <template>
     <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
-    <link rel="stylesheet" href="date_time_page.css">
+    <core-style ref="dateTimePageStyle"></core-style>
     <paper-shadow layout vertical cross-fade>
       <div horizontal layout center>
         <core-label horizontal layout center>

chrome/browser/resources/settings/date_time_page/date_time_page.css → chrome/browser/resources/settings/date_time_page/date_time_page_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="dateTimePageStyle">
 core-label {
   margin: 10px;
 }
@@ -13,3 +13,4 @@ core-label {
 #setAutomatically {
   margin: 10px;
 }
+</core-style>

chrome/browser/resources/settings/settings_drawer/settings_drawer.html

 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
 <link rel="import" href="chrome://md-settings/settings_menu/settings_menu.html">
+<link rel="import" href="settings_drawer_style.html">
 
 <polymer-element name="cr-settings-drawer" layout vertical>
   <template>
-    <link rel="stylesheet" href="settings_drawer.css">
+    <core-style ref="settingsDrawerStyle"></core-style>
     <!-- TODO(michaelpg): Create a new user card component. -->
     <div id="user-card" class="medium" layout horizontal center>
       <img src="{{user.iconUrl}}">

chrome/browser/resources/settings/settings_drawer/settings_drawer.css → chrome/browser/resources/settings/settings_drawer/settings_drawer_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="settingsDrawerStyle">
 :host {
   background-color: rgb(38, 50, 56);
   color: white;
@@ -29,3 +29,4 @@
 #user-card .email {
   font-size: 14px;
 }
+</core-style>

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

@@ -7,6 +7,7 @@
 <link rel="import" href="chrome://md-settings/downloads_page/downloads_page.html">
 <link rel="import" href="chrome://md-settings/internet_page/internet_page.html">
 <link rel="import" href="chrome://md-settings/routing/more_routing/more_routing.html">
+<link rel="import" href="settings_main_style.html">
 
 <!-- Drivers manage how the URL is read, and how to navigate to URLs. "path"
      based driver means URLs like /a11y are generated. For more details, see
@@ -14,7 +15,7 @@
 <more-routing-config driver="path"></more-routing-config>
 <polymer-element name="cr-settings-main">
   <template>
-    <link rel="stylesheet" href="settings_main.css">
+    <core-style ref="settingsMainStyle"></core-style>
     <div id="mainContainer">
       <content select="core-icon-button"></content>
       <more-route-selector>

chrome/browser/resources/settings/settings_main/settings_main.css → chrome/browser/resources/settings/settings_main/settings_main_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="settingsMainStyle">
 :host {
   background-color: rgb(219, 222, 224);
   color: black;
@@ -29,3 +29,4 @@
 ::content core-icon-button {
   position: absolute;
 }
+</core-style>

chrome/browser/resources/settings/settings_menu/settings_menu.html

 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
+<link rel="import" href="settings_menu_style.html">
 
 <polymer-element name="cr-settings-menu">
   <template>
-    <link rel="stylesheet" href="settings_menu.css">
+    <core-style ref="settingsMenuStyle"></core-style>
     <!-- TODO(jlklein): selectedAttribute here is a workaround for
          https://github.com/Polymer/polymer/issues/946. Remove when core-menu
          is updated. -->

chrome/browser/resources/settings/settings_menu/settings_menu.css → chrome/browser/resources/settings/settings_menu/settings_menu_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="settingsMenuStyle">
 :host {
   display: block;
 }
@@ -25,3 +25,4 @@ paper-item.core-selected {
 paper-item core-icon {
   -webkit-margin-end: 10px;
 }
+</core-style>

chrome/browser/resources/settings/settings_page/settings_page_header.html

 <link rel="import" href="chrome://resources/polymer/core-icon/core-icon.html">
 <link rel="import" href="chrome://resources/polymer/core-icons/device-icons.html">
+<link rel="import" href="settings_page_header_style.html">
 
 <polymer-element name="cr-settings-page-header" layout horizontal center>
   <template>
-    <link rel="stylesheet" href="settings_page_header.css">
+    <core-style ref="settingsPageHeaderStyle"></core-style>
     <div class="icon-container">
       <core-icon icon="{{page.icon}}"></core-icon>
     </div>

chrome/browser/resources/settings/settings_page/settings_page_header.css → chrome/browser/resources/settings/settings_page/settings_page_header_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="settingsPageHeaderStyle">
 h1 {
   font-size: 18px;
   margin: 0;
@@ -11,3 +11,4 @@ h1 {
   -webkit-margin-start: -40px;
   width: 40px;
 }
+</core-style>

chrome/browser/resources/settings/settings_resources.grd

@@ -32,8 +32,8 @@
       <structure name="IDR_SETTINGS_CHECKBOX_STYLE_HTML"
                  file="checkbox/checkbox_style.html"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_CR_SETTINGS_DRAWER_CSS"
-                 file="settings_drawer/settings_drawer.css"
+      <structure name="IDR_SETTINGS_CR_SETTINGS_DRAWER_STYLE_HTML"
+                 file="settings_drawer/settings_drawer_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_CR_SETTINGS_DRAWER_HTML"
                  file="settings_drawer/settings_drawer.html"
@@ -41,8 +41,8 @@
       <structure name="IDR_SETTINGS_CR_SETTINGS_DRAWER_JS"
                  file="settings_drawer/settings_drawer.js"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_CR_SETTINGS_MAIN_CSS"
-                 file="settings_main/settings_main.css"
+      <structure name="IDR_SETTINGS_CR_SETTINGS_MAIN_STYLE_HTML"
+                 file="settings_main/settings_main_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_CR_SETTINGS_MAIN_HTML"
                  file="settings_main/settings_main.html"
@@ -52,8 +52,8 @@
       <structure name="IDR_SETTINGS_CR_SETTINGS_MAIN_JS"
                  file="settings_main/settings_main.js"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_CR_SETTINGS_MENU_CSS"
-                 file="settings_menu/settings_menu.css"
+      <structure name="IDR_SETTINGS_CR_SETTINGS_MENU_STYLE_HTML"
+                 file="settings_menu/settings_menu_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_CR_SETTINGS_MENU_HTML"
                  file="settings_menu/settings_menu.html"
@@ -64,8 +64,8 @@
       <structure name="IDR_SETTINGS_CR_SETTINGS_PAGE_CSS"
                  file="settings_page/settings_page.css"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_CR_SETTINGS_PAGE_HEADER_CSS"
-                 file="settings_page/settings_page_header.css"
+      <structure name="IDR_SETTINGS_CR_SETTINGS_PAGE_HEADER_STYLE_HTML"
+                 file="settings_page/settings_page_header_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_CR_SETTINGS_PAGE_HEADER_HTML"
                  file="settings_page/settings_page_header.html"
@@ -73,8 +73,8 @@
       <structure name="IDR_SETTINGS_CR_SETTINGS_PAGE_HEADER_JS"
                  file="settings_page/settings_page_header.js"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_CR_SETTINGS_UI_CSS"
-                 file="settings_ui/settings_ui.css"
+      <structure name="IDR_SETTINGS_CR_SETTINGS_UI_STYLE_HTML"
+                 file="settings_ui/settings_ui_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_CR_SETTINGS_UI_HTML"
                  file="settings_ui/settings_ui.html"
@@ -82,8 +82,8 @@
       <structure name="IDR_SETTINGS_CR_SETTINGS_UI_JS"
                  file="settings_ui/settings_ui.js"
                  type="chrome_html" />
-      <structure name="IDR_SETTINGS_DATE_TIME_PAGE_CSS"
-                 file="date_time_page/date_time_page.css"
+      <structure name="IDR_SETTINGS_DATE_TIME_PAGE_STYLE_HTML"
+                 file="date_time_page/date_time_page_style.html"
                  type="chrome_html" />
       <structure name="IDR_SETTINGS_DATE_TIME_PAGE_HTML"
                  file="date_time_page/date_time_page.html"

chrome/browser/resources/settings/settings_ui/settings_ui.html

@@ -2,10 +2,11 @@
 <link rel="import" href="chrome://resources/polymer/core-icon-button/core-icon-button.html">
 <link rel="import" href="chrome://md-settings/settings_drawer/settings_drawer.html">
 <link rel="import" href="chrome://md-settings/settings_main/settings_main.html">
+<link rel="import" href="settings_ui_style.html">
 
 <polymer-element name="cr-settings-ui">
   <template>
-    <link rel="stylesheet" href="settings_ui.css">
+    <core-style ref="settingsUiStyle"></core-style>
     <core-drawer-panel drawerWidth="280px">
       <cr-settings-drawer drawer id="drawer" pages="{{pages}}"
           selectedId="{{selectedPageId}}">

chrome/browser/resources/settings/settings_ui/settings_ui.css → chrome/browser/resources/settings/settings_ui/settings_ui_style.html

-/* Copyright 2015 The Chromium Authors. All rights reserved.
- * Use of this source code is governed by a BSD-style license that can be
- * found in the LICENSE file. */
+<link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
+<link rel="import" href="chrome://resources/polymer/core-style/core-style.html">
 
+<core-style id="settingsUiStyle">
 :host {
   -webkit-user-select: none;
   background-color: rgb(219, 222, 224);
@@ -13,3 +13,4 @@
 cr-settings-main core-icon-button {
   z-index: 10;
 }
+</core-style>