DevTools: added "overlayContents" mode, where DevTools content is placed around and underneath inse…

Source/devtools/front_end/HelpScreen.js

 /*
  * Copyright (C) 2010 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 70 matching lines @@
 
     showModal: function()
     {
         var visibleHelpScreen = WebInspector.HelpScreen._visibleScreen;
         if (visibleHelpScreen === this)
             return;
 
         if (visibleHelpScreen)
             visibleHelpScreen.hide();
         WebInspector.HelpScreen._visibleScreen = this;
-        this.show(document.body);
+        this.show(WebInspector.inspectorView.devtoolsElement());
         this.focus();
     },
 
     hide: function()
     {
         if (!this.isShowing())
             return;
 
         WebInspector.HelpScreen._visibleScreen = null;
 
@@ skipping 46 matching lines @@
      */
     willHide: function()
     {
         WebInspector.debuggerModel.removeEventListener(WebInspector.DebuggerModel.Events.GlobalObjectCleared, this.hide, this);
         WebInspector.HelpScreen.prototype.willHide.call(this);
     },
 
     __proto__: WebInspector.HelpScreen.prototype
 }