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

Source/devtools/front_end/inspector.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * 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
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 100 matching lines @@
   font-size: inherit;
 }
 
 body.inactive .toolbar-background {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(233, 233, 233)), to(rgb(207, 207, 207)));
     border-bottom: 1px solid rgb(64%, 64%, 64%);
 }
 
 body.dock-to-bottom .toolbar-background {
     padding-top: 0;
+}
+
+body.dock-to-bottom.platform-mac:not(.overlay-contents) .toolbar-background {
+    border-top-color: white;
+}
+
+body.dock-to-bottom:not(.overlay-contents) .toolbar-background {
     border-top: 1px solid rgb(100, 100, 100);
     cursor: default;
 }
 
-body.dock-to-bottom.platform-mac .toolbar-background {
-    border-top-color: white;
+body.dock-to-bottom.inactive:not(.overlay-contents) .toolbar-background {
+    border-top: 1px solid rgb(64%, 64%, 64%);
 }
 
-body.dock-to-bottom.inactive .toolbar-background {
-    border-top: 1px solid rgb(64%, 64%, 64%);
+body.dock-to-bottom.overlay-contents .toolbar-background .tabbed-pane-header {
+    cursor: ns-resize;
+}
+
+body.dock-to-bottom.overlay-contents .toolbar-background .tabbed-pane-header .tabbed-pane-header-tabs {
+    cursor: default;
 }
 
 body.platform-windows .toolbar-background,
 body.platform-windows.inactive .toolbar-background {
     background-image: none;
 }
 
 body.undocked.platform-mac-leopard .toolbar-background {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(175, 175, 175)), to(rgb(151, 151, 151))) !important;
     color: #333 !important;
@@ skipping 2687 matching lines @@
     display: inline-block;
     float: right;
     padding-right: 4px;
     padding-top: 4px;
     padding-left: 2px;
 }
 
 body.undocked .toolbar-close-button-item {
     display: none;
 }
+
+body.dock-to-bottom.overlay-contents #inspector-split-view .split-view-resizer {
+    display: none;
+}