DevTools: remove style reuse from flamechart clients, prepare it to become a component.

Source/devtools/front_end/profiler/CPUProfileFlameChart.js

 /**
  * Copyright (C) 2014 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 358 matching lines @@
 
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @param {!WebInspector.FlameChartDataProvider} dataProvider
  */
 WebInspector.CPUProfileFlameChart = function(dataProvider)
 {
     WebInspector.VBox.call(this);
-    this.registerRequiredCSS("flameChart.css");
     this.element.id = "cpu-flame-chart";
 
     this._overviewPane = new WebInspector.CPUProfileFlameChart.OverviewPane(dataProvider);
     this._overviewPane.show(this.element);
 
     this._mainPane = new WebInspector.FlameChart(dataProvider, this._overviewPane, true);
     this._mainPane.show(this.element);
     this._mainPane.addEventListener(WebInspector.FlameChart.Events.EntrySelected, this._onEntrySelected, this);
     this._overviewPane.addEventListener(WebInspector.OverviewGrid.Events.WindowChanged, this._onWindowChanged, this);
 }
@@ skipping 117 matching lines @@
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @implements {WebInspector.FlameChartDelegate}
  * @param {!WebInspector.FlameChartDataProvider} dataProvider
  */
 WebInspector.CPUProfileFlameChart.OverviewPane = function(dataProvider)
 {
     WebInspector.VBox.call(this);
-    this.element.classList.add("flame-chart-overview-pane");
-    this._overviewContainer = this.element.createChild("div", "overview-container");
-    this._overviewGrid = new WebInspector.OverviewGrid("flame-chart");
+    this.element.classList.add("cpu-profile-flame-chart-overview-pane");
+    this._overviewContainer = this.element.createChild("div", "cpu-profile-flame-chart-overview-container");
+    this._overviewGrid = new WebInspector.OverviewGrid("cpu-profile-flame-chart");
     this._overviewGrid.element.classList.add("fill");
-    this._overviewCanvas = this._overviewContainer.createChild("canvas", "flame-chart-overview-canvas");
+    this._overviewCanvas = this._overviewContainer.createChild("canvas", "cpu-profile-flame-chart-overview-canvas");
     this._overviewContainer.appendChild(this._overviewGrid.element);
     this._overviewCalculator = new WebInspector.CPUProfileFlameChart.OverviewCalculator();
     this._dataProvider = dataProvider;
     this._overviewGrid.addEventListener(WebInspector.OverviewGrid.Events.WindowChanged, this._onWindowChanged, this);
 }
 
 WebInspector.CPUProfileFlameChart.OverviewPane.prototype = {
     /**
      * @param {number} windowStartTime
      * @param {number} windowEndTime
@@ skipping 122 matching lines @@
     {
         var ratio = window.devicePixelRatio;
         this._overviewCanvas.width = width * ratio;
         this._overviewCanvas.height = height * ratio;
         this._overviewCanvas.style.width = width + "px";
         this._overviewCanvas.style.height = height + "px";
     },
 
     __proto__: WebInspector.VBox.prototype
 }