DevTools: extract a component for layer viewer

third_party/WebKit/Source/devtools/front_end/timeline/TimelinePanel.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  * Copyright (C) 2012 Intel 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.
@@ skipping 725 matching lines @@
         var navigateNode = encloseWithTag("b", WebInspector.UIString("WASD"));
         var hintText = createElementWithClass("div");
         hintText.appendChild(WebInspector.formatLocalized("To capture a new timeline, click the record toolbar button or hit %s.", [recordNode]));
         hintText.createChild("br");
         hintText.appendChild(WebInspector.formatLocalized("To evaluate page load performance, hit %s to record the reload.", [reloadNode]));
         hintText.createChild("p");
         hintText.appendChild(WebInspector.formatLocalized("After recording, select an area of interest in the overview by dragging.", []));
         hintText.createChild("br");
         hintText.appendChild(WebInspector.formatLocalized("Then, zoom and pan the timeline with the mousewheel and %s keys.", [navigateNode]));
         this._hideRecordingHelpMessage();
-        this._helpMessageElement = this._searchableView.element.createChild("div", "banner timeline-status-pane");
+        this._helpMessageElement = this._searchableView.element.createChild("div", "full-widget-dimmed-banner timeline-status-pane");
         this._helpMessageElement.appendChild(hintText);
     },
 
     _hideRecordingHelpMessage: function()
     {
         if (this._helpMessageElement)
             this._helpMessageElement.remove();
         delete this._helpMessageElement;
     },
 
@@ skipping 1359 matching lines @@
     _onKeyDown: function(event)
     {
         if (event.keyCode === WebInspector.KeyboardShortcut.Keys.Enter.code) {
             event.preventDefault();
             this._apply();
         }
     },
 
     __proto__: WebInspector.HBox.prototype
 }