DevTools: make flame chart a web component.

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 172 matching lines @@
 
     /**
      * @private // FIXME: this is a workaround for validator bug (http://crbug.com/425506).
      * @suppressGlobalPropertiesCheck
      */
     _createAppUI: function()
     {
         console.timeStamp("Main._createApp");
 
         WebInspector.initializeUIUtils(window);
-        WebInspector.installPortStyles(document);
+        WebInspector.installComponentRootStyles(/** @type {!Element} */ (document.body));
+
         if (Runtime.queryParam("toolbarColor") && Runtime.queryParam("textColor"))
             WebInspector.setToolbarColors(document, /** @type {string} */ (Runtime.queryParam("toolbarColor")), /** @type {string} */ (Runtime.queryParam("textColor")));
         InspectorFrontendHost.events.addEventListener(InspectorFrontendHostAPI.Events.SetToolbarColors, updateToolbarColors);
         /**
          * @param {!WebInspector.Event} event
          * @suppressGlobalPropertiesCheck
          */
         function updateToolbarColors(event)
         {
             WebInspector.setToolbarColors(document, /** @type {string} */ (event.data["backgroundColor"]), /** @type {string} */ (event.data["color"]));
@@ skipping 689 matching lines @@
     /**
      * @param {!WebInspector.Event} event
      */
     _inspectNode: function(event)
     {
         WebInspector.Revealer.reveal(/** @type {!WebInspector.DOMNode} */ (event.data));
     }
 }
 
 new WebInspector.Main();