Roll reference builds to 35.0.1916.114.

chrome_linux/resources/inspector/inspector.css

 /* dialog.css */
 
 .dialog {
     position: absolute;
     
     padding: 10px;
     border-radius: 10px;
     border: 1px solid gray;
 
     box-shadow: rgb(40,40,40) 0 0 50px;
     
     display: -webkit-flex;
     -webkit-flex-direction: column;
     
-    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E9E9E9), to(#CFCFCF));
+    background-image: linear-gradient(to bottom, #E9E9E9, #CFCFCF);
 }
 
 .dialog-contents {
     width: 100%;
 }
 
 .go-to-line-dialog {
     font-size: 11px;
     font-family: 'Lucida Grande', sans-serif;
 }
 
 .go-to-line-dialog input {
     font-size: 11px;
 }
 
 .go-to-line-dialog button {
     font-size: 11px;
     color: rgb(6, 6, 6);
     border: 1px solid rgb(165, 165, 165);
     background-color: rgb(237, 237, 237);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+    background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
     border-radius: 12px;
     -webkit-appearance: none;
 
     padding: 3px 20px;
     margin: 0 0 0 10px;
 }
 
 .go-to-line-dialog button:active {
     background-color: rgb(215, 215, 215);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+    background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
 }
 
 
 /* tabbedPane.css */
 
 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  * Copyright (C) 2011 Google Inc. All rights reserved.
  *
@@ skipping 17 matching lines @@
  * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
  
 .tabbed-pane {
     flex: auto;
+    overflow: hidden;
 }
 
 .tabbed-pane-content {
     position: relative;
     overflow: auto;
     flex: auto;
     display: flex;
+    flex-direction: column;
 }
 
 .tabbed-pane-content.has-no-tabs {
     background-color: lightgray;
 }
 
+.tabbed-pane-placeholder {
+    font-size: 14px;
+    text-align: center;
+    margin-top: 20px;
+    text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+}
+
 .tabbed-pane-header {
     flex: 0 0 23px;
     border-bottom: 1px solid rgb(163, 163, 163);
     overflow: hidden;
     width: 100%;
 }
 
 .tabbed-pane-header-contents {
     margin: 0 10px;
 }
 
 .tabbed-pane-header-tabs {
     float: left;
 }
 
 .tabbed-pane-header-tab {
     float: left;
     margin-top: 2px;
     padding: 2px 4px 2px 4px;
     height: 21px;
     border: 1px solid transparent;
     border-bottom: none;
     line-height: 15px;
-    
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     cursor: default;
 }
 
 .tabbed-pane-header-tab.measuring {
     visibility: hidden;
 }
 
@@ skipping 14 matching lines @@
     margin-left: 2px;
     margin-top: -3px;
     visibility: hidden;
 }
 
 .tabbed-pane-header-tab:hover .close-button-gray,
 .tabbed-pane-header-tab.selected .close-button-gray {
     visibility: visible;
 }
 
+.tabbed-pane-header-tab-icon {
+    width: 11px;
+    height: 10px;
+    margin-top: 3px;
+    float: left;
+    display: block;
+    margin-right: 1px;
+}
+
 .tabbed-pane-header-tabs-drop-down-container {
     float: left;
     position: relative;
     vertical-align: bottom;
     padding-left: 3px;
     line-height: 20px;
 }
 
 .tabbed-pane-header-tabs-drop-down-container.measuring {
     visibility: hidden;
 }
 
 .tabbed-pane-header-tabs-drop-down {
     position: relative;
     opacity: 0.7;
     color: rgb(30, 30, 30);
     font-size: 133%;
     padding: 0 3px;
 }
 
 .tabbed-pane-header-tabs-drop-down:hover {
     opacity: 1.0;
 }
 
 .tabbed-pane-header-tabs-drop-down:active {
     opacity: 0.8;
 }
 
-select.tabbed-pane-header-tabs-drop-down-select {
+.tabbed-pane-header-tabs-drop-down > select.drop-down-menu {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     opacity: 0;
-    border: none;
-    margin: 0;
     font-size: 75%;
-    -webkit-appearance: none;
     width: 20px;
 }
 
 /* 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
@@ skipping 19 matching lines @@
  * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
  * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 input[type="search"]:focus,
 input[type="text"]:focus {
     outline: auto 5px -webkit-focus-ring-color;
 }
 
+input[type="checkbox"] {
+    height: 12px;
+    width: 12px;
+    margin: auto 3px;
+    flex-shrink: 0;
+}
+
+label:hover {
+    cursor: pointer;
+}
+
+label:hover input {
+    box-shadow: 0 0 3px highlight;
+}
+
+fieldset[disabled] label:hover input {
+    box-shadow: none;
+}
+
 .fill {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
 }
 
+.view {
+    position: relative;
+    flex: auto;
+}
+
 .hbox {
-    display: flex !important;
-    flex-direction: row;
+    display: flex;
+    flex-direction: row !important;
+    position: relative;
 }
 
 .vbox {
-    display: flex !important;
-    flex-direction: column;
+    display: flex;
+    flex-direction: column !important;
+    position: relative;
+}
+
+.flex-auto {
+    flex: auto;
 }
 
 .inline-block {
     display: inline-block;
 }
 
 .hidden {
     display: none !important;
 }
 
 .nowrap,
 .nowrap-below,
 .nowrap-below div,
 .nowrap-below span {
     white-space: nowrap !important;
 }
 
 .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
-    padding: 1px 0 0 1px;
-    border-bottom: 1px solid rgb(80, 80, 80);
+    background-image: linear-gradient(to bottom, rgb(191, 191, 191), rgb(151, 151, 151));
+    padding-left: 1px;
+    border-bottom: 1px solid rgb(64%, 64%, 64%);
     background-origin: padding-box;
     background-clip: padding-box;
 }
 
 .toolbar {
-    flex: 0 0 25px;
+    flex: 0 0 24px;
     display: flex;
     flex-direction: row;
     position: relative;
 }
 
 .toolbar .tabbed-pane-header {
     border: none;
 }
 
 .toolbar .tabbed-pane-header-contents {
@@ skipping 17 matching lines @@
 }
 
 button,
 input,
 select {
   font-family: inherit;
   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%);
+    background-image: linear-gradient(to bottom, rgb(233, 233, 233), rgb(207, 207, 207));
 }
 
 body.dock-to-bottom .toolbar-background {
     padding-top: 0;
 }
 
 body.dock-to-bottom .toolbar-background .tabbed-pane-header {
     cursor: ns-resize;
 }
 
 body.dock-to-bottom .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;
+    background-image: linear-gradient(to bottom, rgb(175, 175, 175), rgb(151, 151, 151)) !important;
     color: #333 !important;
 }
 
 body.undocked.platform-mac-leopard.inactive .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(221, 221, 221)), to(rgb(207, 207, 207))) !important;
+    background-image: linear-gradient(to bottom, rgb(221, 221, 221), rgb(207, 207, 207)) !important;
     color: #555 !important;
 }
 
 body.undocked.platform-mac-snowleopard .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(189, 189, 189)), to(rgb(167, 167, 167))) !important;
+    background-image: linear-gradient(to bottom, rgb(189, 189, 189), rgb(167, 167, 167)) !important;
     color: #333 !important;
 }
 
 body.undocked.platform-mac-snowleopard.inactive .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(228, 228, 228)), to(rgb(216, 216, 216))) !important;
+    background-image: linear-gradient(to bottom, rgb(228, 228, 228), rgb(216, 216, 216)) !important;
     color: #555 !important;
 }
 
 body.undocked.platform-mac .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(208, 208, 208)), to(rgb(200, 200, 200))) !important;
+    background-image: linear-gradient(to bottom, rgb(208, 208, 208), rgb(200, 200, 200)) !important;
     color: #333 !important;
 }
 
 body.undocked.platform-mac.inactive .toolbar-background {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(238, 238, 238)), to(rgb(224, 224, 224))) !important;
+    background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(224, 224, 224)) !important;
     color: #555 !important;
 }
 
 .toolbar > .tabbed-pane-header {
     flex: auto;
 }
 
 .toolbar-controls-left {
     flex: none;
     opacity: 0.8;
@@ skipping 26 matching lines @@
 .scrollable-content::-webkit-scrollbar {
     width: 11px;
 }
 
 .scrollable-content::-webkit-scrollbar-corner,
 .scrollable-content::-webkit-resizer {
     display: none;
 }
 
 .scrollable-content::-webkit-scrollbar-thumb:vertical {
-    background: -webkit-gradient(linear, left top, right top, from(rgb(192, 192, 192)), to(rgb(192, 192, 192)), color-stop(40%, rgb(214, 214, 214)));
+    background: linear-gradient(to right, rgb(192, 192, 192), rgb(214, 214, 214) 40%, rgb(192, 192, 192));
     border-radius: 5px;
     min-height: 20px;
 }
 
 .scrollable-content::-webkit-scrollbar-thumb:vertical:hover,
 .scrollable-content::-webkit-scrollbar-thumb:vertical:active {
-    background: -webkit-gradient(linear, left top, right top, from(rgb(230, 230, 230)), to(rgb(230, 230, 230)), color-stop(40%, rgb(252, 252, 252)));
+    background: linear-gradient(to right, rgb(230, 230, 230), rgb(252, 252, 252) 40%, rgb(230, 230, 230));
 }
 
 .scrollable-content::-webkit-scrollbar-track:vertical {
-    background: -webkit-gradient(linear, left top, right top, from(rgb(128, 128, 128)), to(rgb(164, 164, 164)), color-stop(25%, rgb(164, 164, 164)));
+    background: linear-gradient(to right, rgb(128, 128, 128), rgb(164, 164, 164) 25%, rgb(164, 164, 164));
     border-radius: 5px;
 }
 
 .search-replace {
     -webkit-appearance: none;
     border: 0;
-    padding: 0 2px;
+    padding: 0 3px;
     margin: 0;
-    -webkit-flex: 1;
+    flex: 1;
 }
 
 .search-replace:focus {
     outline: none;
 }
 
+#search-input-field {
+    height: 18px;
+}
+
 .toolbar-search {
     border-spacing: 1px;
 }
 
 .toolbar-search td {
     padding: 0 5px 0 0;
 }
 
+.toolbar-search td > span {
+    display: flex;
+}
+
 .toolbar-search-navigation-controls {
     vertical-align: top;
-    background-image: -webkit-linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
+    background-image: linear-gradient(rgb(228, 228, 228), rgb(206, 206, 206));
 }
 
 .toolbar-search-navigation {
     display: inline-block;
     width: 18px;
     height: 18px;
     background-repeat: no-repeat;
     background-position: 4px 7px;
     border-left: 1px solid rgb(170, 170, 170);
     opacity: 0.3;
 }
 
 .toolbar-search-navigation.enabled {
     opacity: 1.0;
 }
 
 .toolbar-search label {
-    vertical-align: bottom;
-}
-
-.toolbar-search input[type="checkbox"] {
-    position: relative;
-    margin-top: -1px;
-    margin-left: 15px;
-    top: 2px;
+    margin: auto 0;
 }
 
 .toolbar-search button {
     border: 1px solid rgb(163, 163, 163);
     border-radius: 8px;
     margin: 0;
-    background-image: -webkit-linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
+    background-image: linear-gradient(rgb(241, 241, 241), rgb(220, 220, 220));
     width: 100%;
     height: 20px;
 }
 
 .toolbar-search button:active {
-    background-image: -webkit-linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
+    background-image: linear-gradient(rgb(185, 185, 185), rgb(156, 156, 156));
 }
 
 .toolbar-search-control {
     display: -webkit-flex;
     width: 253px;
     position: relative;
     background-color: white;
     border: 1px solid rgb(163, 163, 163);
     height: 20px;
     border-radius: 2px;
+    margin-left: 1px;
 }
 
 .toolbar-replace-control {
     border: 1px solid rgb(163, 163, 163);
     height: 20px;
     border-radius: 2px;
     width: 100%;
+    margin: auto 0;
 }
 
 .toolbar-search-navigation.enabled:active {
     background-position: 4px 7px, 0 0;
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-prev {
     background-image: url(Images/searchPrev.png);
     border-left: 1px solid rgb(163, 163, 163);
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-prev.enabled:active {
-    background-image: url(Images/searchPrev.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+    background-image: url(Images/searchPrev.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-next {
     background-image: url(Images/searchNext.png);
     border-left: 1px solid rgb(230, 230, 230);
 }
 
 .toolbar-search-navigation.toolbar-search-navigation-next.enabled:active {
-    background-image: url(Images/searchNext.png), -webkit-linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
+    background-image: url(Images/searchNext.png), linear-gradient(rgb(168, 168, 168), rgb(116, 116, 116));
 }
 
 .search-results-matches {
     display: inline-block;
     min-height: 10px;
     text-align: right;
     font-size: 11px;
     padding: 1px 4px;
     color: rgb(165, 165, 165);
 }
@@ skipping 13 matching lines @@
 
 .close-button-gray {
     width: 13px;
     height: 13px;
     background-position: -175px -96px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .close-button,
 .close-button-gray {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .close-button:hover {
     background-position: -96px -96px;
 }
 
 .close-button:active {
     background-position: -111px -96px;
 }
@@ skipping 15 matching lines @@
 }
 
 .panel-status-bar {
     border-top: none;
     display: flex;
     background-color: white;
     flex: 0 0 23px;
     position: relative;
 }
 
-.panel-status-bar label {
-    margin: 2px 20px 0 0;
+.panel-status-bar > div {
+    margin: auto 0;
 }
 
-.panel-status-bar label > input {
-    height: 13px;
-    width: 13px;
-    vertical-align: -2px;
+.panel-status-bar label {
+    margin: auto 0;
+    margin-right: 20px;
+    display: flex;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 .status-bar {
     position: relative;
     white-space: nowrap;
     height: 23px;
     overflow: hidden;
     width: 100%;
     z-index: 12;
     border-top: 1px solid rgb(202, 202, 202);
     display: -webkit-flex;
 }
 
 .status-bar > div {
-    display: inline-block;
-    vertical-align: top;
+    display: inline-flex;
     overflow: visible;
 }
 
 .status-bar-item {
     display: inline-block;
-    cursor: default;
     height: 22px;
     padding: 0;
     margin-left: -1px;
     margin-right: 0;
     vertical-align: top;
     border: 0 transparent none;
     background-color: transparent;
     flex: none;
 }
 
 .status-bar-text {
     padding-left: 5px;
     padding-right: 15px;
-    padding-top: 3px;
+    height: auto;
+    margin: auto 0;
+    white-space: nowrap;
+    overflow: hidden;
 }
 
 #drawer-view-anchor {
     display: inline-block;
 }
 
 .status-bar-item:active {
     position: relative;
     z-index: 200;
 }
@@ skipping 18 matching lines @@
 .long-click-glyph {
     background-color: rgba(0, 0, 0, 0.75);
     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
     -webkit-mask-position: -288px -48px;
     -webkit-mask-size: 320px 144px;
     z-index: 1;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .long-click-glyph {
-    -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .long-click-glyph.shadow {
     top: 1px;
     background-color: white !important;
     z-index: 0;
 }
 
 button.status-bar-item {
@@ skipping 23 matching lines @@
 
 button.status-bar-item:disabled .glyph {
     opacity: 0.5 !important;
 }
 
 button.status-bar-item.extension {
     background-image: none;
 }
 
 .status-bar-select-container {
-    display: inline-block;
+    display: inline-flex;
+    flex-shrink: 0;
 }
 
 .status-bar-select-arrow {
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
     opacity: 0.7;
-    width: 10px;
-    height: 10px;
-    background-position: -20px -96px;
+    width: 12px;
+    height: 12px;
+    background-position: -18px -96px;
     display: inline-block;
     pointer-events: none;
-    position: relative;
-    top: 3px;
-    left: -3px;
+    margin: auto 0;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .status-bar-select-arrow {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
+input.status-bar-item {
+    width: 200px;
+    height: 20px;
+    padding: 3px;
+    margin: 1px 3px;
+    background-color: white;
+    border: solid 1px rgb(236, 236, 236);
+}
+
+input.status-bar-item:focus,
+input.status-bar-item:hover {
+    border: solid 1px rgb(202, 202, 202);
+}
+
 select.status-bar-item {
     min-width: 48px;
     color: rgb(48, 48, 48);
     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
     -webkit-appearance: none;
     border: 0;
     border-radius: 0;
     padding: 0 15px 0 5px;
     margin-right: -10px;
     position: relative;
-    line-height: 20px;
+    line-height: 22px;
 }
 
 .status-bar-item.checkbox {
-    margin: 2px 0 0 0;
+    margin: auto 0;
+    height: auto;
+    display: flex;
 }
 
 .status-bar-item > .glyph {
     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
     -webkit-mask-size: 320px 144px;
     opacity: 0.8;
 }
 
 .console-filter > .glyph {
     -webkit-mask-position: -32px -48px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .status-bar-item > .glyph {
-    -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 button.status-bar-item.dock-status-bar-item.toggled-undocked .glyph {
     -webkit-mask-position: 0 -48px;
 }
 
 button.status-bar-item.dock-status-bar-item.toggled-bottom .glyph {
     -webkit-mask-position: -32px -24px;
 }
 
 button.status-bar-item.dock-status-bar-item.toggled-right .glyph {
     -webkit-mask-position: -256px -48px;
 }
 
+button.status-bar-item.dock-status-bar-item.toggled-left .glyph {
+    -webkit-mask-position: -32px -120px;
+}
+
 body.undocked .alternate-status-bar-buttons-bar {
     margin-left: 1px;
 }
 
 .alternate-status-bar-buttons-bar {
     position: absolute;
     width: 31px;
     bottom: -3px;
     background: white;
 }
 
 .alternate-status-bar-buttons-bar .status-bar-item {
     height: 24px;
     margin-top: -1px;
     border: 1px solid rgb(202, 202, 202);
 }
 
 .alternate-status-bar-buttons-bar .status-bar-item.emulate-active {
     background-color: rgb(163,163,163);
     border: 1px solid rgb(120, 120, 120);
 }
 
 button.status-bar-item.settings-status-bar-item,
 button.status-bar-item.settings-status-bar-item:active {
     border-right: 0 transparent none;
 }
 
-button.status-bar-item.left-sidebar-show-hide-button,
-button.status-bar-item.right-sidebar-show-hide-button {
-    position: absolute;
-    top: 0;
-    background-image: none;
-    height: 16px;
-    width: 16px;
-    margin: 4px 2px 2px 2px;
-    border: none;
-    z-index: 10;
-}
-
-button.status-bar-item.left-sidebar-show-hide-button:active,
-button.status-bar-item.right-sidebar-show-hide-button:active {
-    margin: 5px 1px 1px 3px;
-}
-
-button.status-bar-item.left-sidebar-show-hide-button.toggled-left > .glyph {
-    -webkit-mask-position: -199px -76px;
-}
-
-button.status-bar-item.left-sidebar-show-hide-button.toggled-right > .glyph {
-    -webkit-mask-position: -168px -76px;
-}
-
-button.status-bar-item.right-sidebar-show-hide-button.toggled-left > .glyph {
-    -webkit-mask-position: -296px -76px;
-}
-
-button.status-bar-item.right-sidebar-show-hide-button.toggled-right > .glyph {
-    -webkit-mask-position: -264px -76px;
-}
-
-button.status-bar-item.left-sidebar-show-hide-button.toggled-overlay > .glyph {
-    -webkit-mask-position: -231px -76px;
-}
-
 div.resizer-widget {
     position: absolute;
     top: 0;
     right: 0;
     height: 24px;
     width: 16px;
     background-image: url(Images/statusbarResizerHorizontal.png);
     background-repeat: no-repeat;
     background-position: center;
     z-index: 13;
 }
 
+.ns-resizer-widget {
+    cursor: ns-resize;
+}
+
+.ew-resizer-widget {
+    cursor: ew-resize;
+}
+
 .settings-status-bar-item .glyph {
     -webkit-mask-position: -160px -24px;
 }
 
 body.remote .dock-status-bar-item {
     display: none;
 }
 
 .console-status-bar-item .glyph {
     -webkit-mask-position: -64px -24px;
@@ skipping 26 matching lines @@
     height: 10px;
     display: inline-block;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .error-icon-small,
 .warning-icon-small,
 .red-ball,
 .green-ball,
 .orange-ball {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .error-icon-small {
     background-position: -213px -96px;
 }
 
 .warning-icon-small {
     background-position: -202px -107px;
 }
@@ skipping 26 matching lines @@
 #error-warning-count .error-icon-small,
 #error-warning-count .warning-icon-small {
     vertical-align: -1px;
     margin-right: 2px;
 }
 
 #error-warning-count .warning-icon-small {
     margin-left: 6px;
 }
 
-.drawer {
-    display: none;
-    flex: 0 0 200px;
-    position: relative;
-    background-color: white;
-    z-index: 1;
-}
-
-#drawer-contents {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-}
-
-#drawer-contents > .tabbed-pane > .tabbed-pane-header {
+#drawer-tabbed-pane > .tabbed-pane-header {
     background-color: rgb(236, 236, 236);
-    border-top: 1px solid rgb(124, 124, 124);
-    border-bottom: 1px solid rgb(203, 203, 203);
-}
-
-body.inactive #drawer-contents .tabbed-pane-header {
-    border-top: 1px solid rgb(64%, 64%, 64%);
 }
 
 #drawer-contents .tabbed-pane-header .tabbed-pane-header-tab {
     cursor: default;
 }
 
-.drawer-resizer {
-    position: absolute;
-    right: 0;
-    top: 8px;
-    content: url(Images/statusbarResizerVertical.png);
-    height: 8px;
-    pointer-events: none;
-}
-
-#drawer-footer {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    font-size: 11px;
-    height: 23px;
-    background-color: rgb(236, 236, 236);
-}
-
-body.drawer-visible .drawer {
-    display: block;
-}
-
 body.platform-mac .monospace,
 body.platform-mac .source-code {
     font-size: 11px !important;
     font-family: Menlo, monospace;
 }
 
 body.platform-mac.platform-mac-tiger .monospace,
 body.platform-mac.platform-mac-tiger .source-code {
     font-size: 10px !important;
     font-family: Monaco, monospace;
@@ skipping 18 matching lines @@
 .console-view-wrapper {
     background-color: rgb(236, 236, 236);
 }
 
 .console-status-bar,
 .console-filters-header {
     flex: 0 0 23px;
     overflow: hidden;
 }
 
+.console-status-bar {
+    display: flex;
+}
+
 #console-messages {
     flex: 1 1;
     padding: 2px 0;
     overflow-y: auto;
     word-wrap: break-word;
     -webkit-user-select: text;
     border-top: 1px solid rgb(230, 230, 230);
+    -webkit-transform: translateZ(0);
 }
 
 #console-prompt {
     clear: right;
     position: relative;
     padding: 1px 22px 1px 0;
     margin-left: 24px;
     min-height: 16px;
     white-space: pre-wrap;
     -webkit-user-modify: read-write-plaintext-only;
@@ skipping 22 matching lines @@
 }
 
 .console-adjacent-user-command-result {
     border-bottom: none;
 }
 
 .console-adjacent-user-command-result + .console-user-command-result.console-log-level::before {
     background-image: none;
 }
 
+.console-timestamp {
+    color: gray;
+    margin-right: 10px;
+    -webkit-user-select: none;
+}
+
 .console-message::before,
 .console-user-command::before,
 #console-prompt::before,
 .console-group-title::before {
     position: absolute;
     display: block;
     content: "";
     left: -17px;
     top: 0.8em;
     width: 10px;
     height: 10px;
     margin-top: -6px;
     -webkit-user-select: none;
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .console-message::before,
 .console-user-command::before,
 #console-prompt::before,
 .console-group-title::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .console-message > .outline-disclosure li.parent::before {
     top: 0;
 }
 
 .console-message .outline-disclosure .stacktrace-entry:hover {
     background-color: rgba(0, 0, 0, 0.05);
 }
@@ skipping 54 matching lines @@
     width: 8px;
     content: "a";
     color: transparent;
     text-shadow: none;
     margin-left: 3px;
     margin-top: -7px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .console-group-title::before {
-    -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .console-group .console-group-title::before {
     -webkit-mask-position: -20px -96px;
     background-color: rgb(110, 110, 110);
 }
 
 .console-group.collapsed .console-group-title::before {
     -webkit-mask-position: -4px -96px;
@@ skipping 39 matching lines @@
     background-size: 320px 144px;
     width: 10px;
     height: 10px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .console-error-level::before,
 .console-warning-level::before,
 .console-debug-level::before,
 .console-info-level::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .console-warning-level::before {
     background-position: -202px -107px;
 }
 
 .console-error-level::before {
     background-position: -213px -96px;
 }
 
 .console-info-level::before {
     background-position: -213px -107px;
 }
 
 .console-user-command .console-message {
     margin-left: -24px;
     padding-right: 0;
     border-bottom: none;
 }
 
 .console-user-command::before {
     background-position: -192px -107px;
 }
 
 .console-user-command > .console-message-text {
     color: rgb(0, 128, 255);
 }
 
+#console-messages .link {
+    text-decoration: underline;
+}
+
+#console-messages .link,
 #console-messages a {
     color: rgb(33%, 33%, 33%);
     cursor: pointer;
 }
 
+#console-messages .link:hover,
 #console-messages a:hover {
     color: rgb(15%, 15%, 15%);
 }
 
 ol.watch-expressions > li.hovered {
     background-color: #F0F0F0;
 }
 
 .console-message-url {
     float: right;
@@ skipping 55 matching lines @@
 .console-group-messages .add-attribute {
     display: none;
 }
 
 .console-formatted-object,
 .console-formatted-node,
 .console-formatted-array {
     position: relative;
     display: inline-block;
     vertical-align: top;
-    color: #222;
+    color: inherit;
 }
 
 .console-formatted-node:hover {
     background-color: rgba(56, 121, 217, 0.1);
 }
 
 .console-formatted-object .section,
 .console-formatted-node .section,
 .console-formatted-array .section {
     position: static;
 }
 
 .console-formatted-object .section > .header::before {
     margin-top: 0;
 }
 
 .console-formatted-object .properties,
 .console-formatted-node .properties {
     padding-left: 0 !important;
 }
 
 .console-formatted-number {
     color: rgb(28, 0, 207);
 }
 
 .console-formatted-string,
 .console-formatted-regexp {
     color: rgb(196, 26, 22);
     white-space: pre;
+    unicode-bidi: -webkit-isolate;
 }
 
 .console-formatted-null,
 .console-formatted-undefined {
     color: rgb(128, 128, 128);
 }
 
 .console-formatted-preview-node,
 .section .console-formatted-node {
     color: rgb(136, 18, 128);
 }
 
 .console-object-preview {
     font-style: italic;
 }
 
 .object-info-state-note {
-    display: none;
+    display: inline-block;
     width: 11px;
     height: 11px;
     background-color: rgb(179, 203, 247);
     color: white;
     text-align: center;
     border-radius: 3px;
     line-height: 13px;
     margin: 0 6px;
     font-size: 9px;
 }
 
 .object-info-state-note::before {
     content: "i";
 }
 
-.section.expanded .object-info-state-note {
-    display: inline-block;
+.section:not(.expanded) .object-info-state-note {
+    display: none;
 }
 
 .error-message {
     color: red;
 }
 
 .error-input {
     background-color: rgb(220, 130, 130);
 }
 
@@ skipping 125 matching lines @@
 .outline-disclosure li.parent {
     margin-left: -12px
 }
 
 .outline-disclosure li .webkit-html-tag.close {
     margin-left: -12px;
 }
 
 .outline-disclosure li.parent::before {
     float: left;
-    width: 8px;
+    width: 10px;
     padding-right: 2px;
 }
 
 .outline-disclosure li.parent::before {
     -webkit-user-select: none;
     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
     -webkit-mask-size: 320px 144px;
     content: "a";
     color: transparent;
     text-shadow: none;
     position: relative;
     top: 2px;
     margin-right: 1px;
     height: 12px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .outline-disclosure li.parent::before {
-    -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .outline-disclosure li.parent::before {
     -webkit-mask-position: -4px -96px;
     background-color: rgb(110, 110, 110);
 }
 
 .outline-disclosure li.parent.expanded::before {
     -webkit-mask-position: -20px -96px;
 }
 
 .outline-disclosure ol.children {
     display: none;
 }
 
 .outline-disclosure ol.children.expanded {
     display: block;
 }
 
 .placard {
     position: relative;
     border-top: 1px solid transparent;
     padding: 3px 8px 4px 18px;
     min-height: 18px;
     white-space: nowrap;
 }
 
-.placard.grouped {
-    padding-left: 36px;
-}
-
 .placard:nth-of-type(2n) {
     background-color: rgb(234, 243, 255);
 }
 
 .placard.selected {
     border-top: 1px solid rgb(172, 172, 172);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(182, 182, 182)), to(rgb(162, 162, 162)));
+    background-image: linear-gradient(to bottom, rgb(182, 182, 182), rgb(162, 162, 162));
     background-origin: padding-box;
     background-clip: padding-box;
 }
 
 :focus .placard.selected {
     border-top: 1px solid rgb(70, 103, 215);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(92, 147, 213)), to(rgb(56, 121, 217)));
+    background-image: linear-gradient(to bottom, rgb(92, 147, 213), rgb(56, 121, 217));
 }
 
 .placard .title {
     font-weight: normal;
     word-wrap: break-word;
     white-space: normal;
 }
 
 .placard.selected .title {
     color: white;
@@ skipping 10 matching lines @@
 }
 
 .placard.selected .subtitle {
     color: rgba(255, 255, 255, 0.7);
 }
 
 .placard .subtitle a {
     color: inherit;
 }
 
+.placard-label {
+    text-align: center;
+}
+
+.placard-label .title,
+.placard-label .subtitle {
+    font-style: italic;
+    font-weight: bold;
+    color: #999;
+}
+
 .section {
     position: relative;
     margin-top: 1px;
 }
 
 .events-pane .section {
     margin: 0;
 }
 .events-pane .section:not(:nth-of-type(1)) {
     border-top: 1px solid rgb(231, 231, 231);
 }
 
 .section > .header {
-    padding: 0 8px 0 5px;
+    padding: 0px 8px 0 5px;
     min-height: 18px;
     white-space: nowrap;
     background-origin: padding-box;
     background-clip: padding-box;
 }
 
 .section > .header::before {
     -webkit-user-select: none;
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
     opacity: 0.5;
     content: "a";
     color: transparent;
     text-shadow: none;
     float: left;
     width: 8px;
     margin-right: 4px;
     margin-top: 2px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .section > .header::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .section > .header::before {
     background-position: -4px -96px;
 }
 
 .section.expanded > .header::before {
     background-position: -20px -96px;
 }
@@ skipping 94 matching lines @@
 .properties-calculate-value-button:hover {
     text-decoration: underline;
 }
 
 .properties-accessor-property-name {
     font-style: italic;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .properties-tree li.parent::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .properties-tree li.parent::before {
     background-position: -4px -96px;
 }
 
 .properties-tree li.parent.expanded::before {
     background-position: -20px -96px;
 }
@@ skipping 49 matching lines @@
 .section .properties li.editing {
     margin-left: 10px;
     text-overflow: clip;
 }
 
 li.editing .swatch, li.editing .enabled-button,
 li.editing-sub-part .delete-button {
     display: none !important;
 }
 
+.sidebar-tabbed-pane .watch-expressions {
+    margin-top: 17px;
+}
+
 .properties-tree.watch-expressions {
     padding-left: 0 !important;
 }
 
 .properties-tree.watch-expressions > li {
     padding-left: 4px;
 }
 
 .properties-tree.watch-expressions > li > .value {
     display: inline;
     position: static;
 }
 
 .properties-tree.watch-expressions > li:not(.parent) {
     margin-left: 1px;
     padding-left: 15px;
 }
 
 .properties-tree.watch-expressions > li.hovered {
     padding-right: 14px;
 }
 
 .watch-expressions > li.editing-sub-part .text-prompt {
     display: block;
     width: 100%;
+    overflow: hidden;
 }
 
 .watch-expressions > li.editing-sub-part .value,
 .watch-expressions > li.editing-sub-part .separator  {
     display: none;
 }
 
 .section .properties li.editing-sub-part {
     padding: 3px 6px 8px 18px;
     margin: -3px -6px -8px -6px;
     text-overflow: clip;
 }
 
 .section .properties .delete-button {
     width: 10px;
     height: 10px;
     background-image: url(Images/deleteIcon.png);
     background-position: 0 0;
     background-color: transparent;
     background-repeat: no-repeat;
     border: 0 none transparent;
     position: absolute;
     right: 8px;
     display: none;
 }
 
-.sidebar-tabbed-pane .watch-expressions li:first-child .delete-button {
-    right: 55px;
-    top: 3px;
-}
-
 .section .properties li.hovered .delete-button {
     display: inline;
 }
 
 .section .properties .name,
 .event-properties .name,
 .console-formatted-object .name {
     color: rgb(136, 19, 145);
 }
 
@@ skipping 16 matching lines @@
 }
 
 .section .properties .color,
 .event-properties .color {
     color: rgb(118, 15, 21);
 }
 
 .swatch {
     margin-left: 1px;
     margin-right: 2px;
-    width: 1em;
-    height: 1em;
+    width: 10px;
+    height: 10px;
     position: relative;
     top: 1px;
     display: inline-block;
     background-image: url(Images/checker.png);
     -webkit-user-select: none;
 }
 
 .swatch-inner {
     width: 100%;
     height: 100%;
     display: inline-block;
     border: 1px solid rgba(128, 128, 128, 0.6);
 }
 
 .swatch-inner:hover {
     border: 1px solid rgba(64, 64, 64, 0.8);
 }
 
 .sidebar {
     overflow-x: hidden;
-    background-color: rgb(214, 221, 229);
-}
-
-body.inactive .sidebar {
     background-color: rgb(232, 232, 232);
 }
 
 .pane-title-button {
     color: rgb(6, 6, 6);
     background-color: transparent;
     border: 1px solid rgb(165, 165, 165);
     background-color: rgb(237, 237, 237);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+    background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
     border-radius: 12px;
     -webkit-appearance: none;
 }
 
 .pane-title-button:active {
     background-color: rgb(215, 215, 215);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
+    background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
 }
 
 button.show-all-nodes {
     font-size: 13px;
     margin: 0;
     padding: 0 20px;
     height: 20px;
     color: rgb(6, 6, 6);
     background-color: transparent;
     border: 1px solid rgb(165, 165, 165);
     background-color: rgb(237, 237, 237);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(252, 252, 252)), to(rgb(223, 223, 223)));
+    background-image: linear-gradient(to bottom, rgb(252, 252, 252), rgb(223, 223, 223));
     border-radius: 12px;
     -webkit-appearance: none;
 }
 
 body.inactive button.show-all-nodes {
     color: rgb(130, 130, 130);
     border-color: rgb(212, 212, 212);
     background-color: rgb(239, 239, 239);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(235, 235, 235)));
+    background-image: linear-gradient(to bottom, rgb(250, 250, 250), rgb(235, 235, 235));
 }
 
 button.show-all-nodes:active {
     background-color: rgb(215, 215, 215);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(194, 194, 194)), to(rgb(239, 239, 239)));
-}
-
-button.enable-toggle-status-bar-item .glyph {
-    -webkit-mask-position: -192px 0;
-}
-
-button.enable-toggle-status-bar-item.toggled-on .glyph {
-    -webkit-mask-position: -96px -24px;
+    background-image: linear-gradient(to bottom, rgb(194, 194, 194), rgb(239, 239, 239));
 }
 
 #console-messages.console-filter-top {
     margin-top: 23px;
 }
 
 .scope-bar {
     line-height: 19px;
     padding-right: 10px;
     overflow: hidden;
@@ skipping 141 matching lines @@
     -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
     -webkit-mask-size: 320px 144px;
     -webkit-appearance: none;
     background-color: rgba(0, 0, 0, 0.75);
     position: relative;
     top: 10px;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 .sidebar-tree-item .disclosure-button {
-    -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .sidebar-tree.hide-disclosure-buttons .sidebar-tree-item .disclosure-button {
     display: none;
 }
 
 .sidebar-tree-item .disclosure-button {
     -webkit-mask-position: -4px -96px;
 }
@@ skipping 13 matching lines @@
 }
 
 .sidebar-tree-item .icon {
     float: left;
     width: 32px;
     height: 32px;
     margin-top: 1px;
     margin-right: 3px;
 }
 
+.sidebar-tree-item.wait .icon {
+    content: none;
+}
+
+.spinner-icon::before,
+.sidebar-tree-item.wait .icon::before {
+    display: block;
+    width: 24px;
+    height: 24px;
+    margin: 4px;
+    border: 3px solid grey;
+    border-radius: 12px;
+    clip: rect(0px, 15px, 15px, 0px);
+    content: "";
+    position: absolute;
+    -webkit-animation: spinner-animation 1s linear infinite;
+}
+
+.spinner-icon.small::before,
+.sidebar-tree-item.wait.small .icon::before {
+    width: 14px;
+    height: 14px;
+    margin: 1px;
+    clip: rect(0px, 9px, 9px, 0px);
+    border-width: 2px;
+}
+
+.sidebar-tree-item.wait.selected .icon::before {
+    border-color: white;
+}
+
+@-webkit-keyframes spinner-animation {
+    from { -webkit-transform: rotate(0); }
+    to { -webkit-transform: rotate(360deg); }
+}
+
 li .status {
     float: right;
     height: 16px;
     margin-top: 9px;
     margin-left: 4px;
     line-height: 1em;
 }
 
 li .status:empty {
     display: none;
@@ skipping 64 matching lines @@
 
 :focus .sidebar-tree-item.selected {
     background-color: rgb(56, 121, 217);
 }
 
 body.inactive .sidebar-tree-item.selected {
     background-color: rgb(180,180,180);
 }
 
 .sidebar-tree-item .titles {
+    display: flex;
+    flex-direction: column;
     position: relative;
     top: 5px;
     line-height: 12px;
     padding-bottom: 1px;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }
 
+.titles > .title-container {
+    display: flex;
+}
+
 .sidebar-tree-item .titles.no-subtitle {
     top: 10px;
 }
 
 .sidebar-tree.small .sidebar-tree-item .titles,
 .sidebar-tree .children.small .sidebar-tree-item .titles,
 .sidebar-tree-item.small .titles {
     top: 2px;
     line-height: normal;
 }
@@ skipping 127 matching lines @@
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 .source-frame-eval-expression {
     outline: 1px solid rgb(163, 41, 34);
     background-color: rgb(255, 255, 194);
 }
 
-.source-frame-stepin-mark {
-    cursor: pointer;
-    text-decoration: underline;
-}
-
-.source-frame-stepin-mark-highlighted {
-    font-weight: 800;
-    cursor: pointer;
-    text-decoration: underline;
-}
-
 .workers-list {
     list-style: none;
     margin: 0;
     padding: 0;
 }
 
 .resource-content-unavailable {
     color: rgb(50%, 50%, 50%);
     font-style: italic;
     font-size: 14px;
@@ skipping 84 matching lines @@
 .soft-context-menu-item-mouse-over {
     border-top: 1px solid rgb(56, 121, 217);
     border-bottom: 1px solid rgb(56, 121, 217);
     background-color: rgb(56, 121, 217);
     color: white;
 }
 
 body.platform-mac .soft-context-menu-item-mouse-over {
     border-top: 1px solid rgb(90, 131, 236);
     border-bottom: 1px solid rgb(18, 88, 233);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(100, 140, 243)), to(rgb(36, 101, 243)));
+    background-image: linear-gradient(to bottom, rgb(100, 140, 243), rgb(36, 101, 243));
 }
 
 .soft-context-menu-item-checkmark {
     color: rgb(108, 108, 108);
     pointer-events: none;
 }
 
 .soft-context-menu-item-submenu-arrow {
     color: #222;
     float: right;
     pointer-events: none;
 }
 
 .soft-context-menu-item-mouse-over .soft-context-menu-item-checkmark {
     color: white;
 }
 
 .search-view {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 .search-drawer-header {
     flex: none;
     padding: 4px;
+    display: flex;
 }
 
 .search-drawer-header input[type="text"].search-config-search {
     -webkit-appearance: none;
-    padding: 0 2px;
+    padding: 0 3px;
     margin: 0;
     border: 1px solid rgb(163, 163, 163);
     height: 20px;
     border-radius: 2px;
     color: #303030;
 }
 
 .search-drawer-header input[type="search"].search-config-search:focus {
     border: 1px solid rgb(190, 190, 190);
     outline: none;
 }
 
 body.platform-mac .search-drawer-header input[type="search"].search-config-search {
     top: 1px;
 }
 
 .search-drawer-header label.search-config-label {
+    margin: auto 0;
     margin-left: 8px;
     color: #303030;
-}
-
-.search-drawer-header input[type="checkbox"].search-config-checkbox {
-    vertical-align: bottom;
-}
-
-body:not(.platform-mac) .search-drawer-header input[type="checkbox"].search-config-checkbox {
-    margin-bottom: 5px;
-}
-
-body.platform-mac .search-drawer-header input[type="checkbox"].search-config-checkbox {
-    margin-bottom: 4px;
+    display: flex;
 }
 
 #bottom-status-bar-container {
     -webkit-flex: 1 1 0;
     width: 0;
     overflow: hidden;
 }
 
 .search-status-bar-summary {
     background-color: rgb(236, 236, 236);
@@ skipping 37 matching lines @@
 
 #search-results-pane-file-based ol.children.expanded {
     display: block;
 }
 
 #search-results-pane-file-based li.parent::before {
     -webkit-user-select: none;
     background-image: url(Images/statusbarButtonGlyphs.png);
     background-size: 320px 144px;
     opacity: 0.5;
-    width: 8px;
+    width: 12px;
     content: "a";
     color: transparent;
     margin-left: -5px;
     padding-right: 4px;
+    display: inline-block;
 }
 
 @media (-webkit-min-device-pixel-ratio: 1.5) {
 #search-results-pane-file-based li.parent::before {
-    background-image: url(Images/statusbarButtonGlyphs2x.png);
+    background-image: url(Images/statusbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 #search-results-pane-file-based li.parent::before {
     background-position: -4px -96px;
 }
 
 #search-results-pane-file-based li.parent.expanded::before {
     background-position: -20px -96px;
 }
@@ skipping 224 matching lines @@
 .custom-popup-vertical-scroll ::-webkit-scrollbar-track-piece:vertical:increment {
     -webkit-border-image: url(Images/trackVert.png) 11 0 11 0;
     border-color: transparent;
     border-width: 0 0 11px 0;
 }
 
 .console-context {
     max-width: 200px;
 }
 
-.inspector-view {
+.root-view {
     overflow: hidden;
+    position: absolute !important;
+    left: 0;
+    top: 0;
 }
 
-.inspector-footer.status-bar {
-    flex: 0 0 auto;
+.search-bar {
+    flex: 0 0 23px;
     background-color: rgb(236, 236, 236);
-    height: auto;
+}
+
+.search-bar.replaceable {
+    flex: 0 0 44px;
 }
 
 .progress-bar-container {
     display: inline-flex;
     margin: 0 8px;
     -webkit-flex: 1 0;
 }
 
 .progress-bar-container span {
     padding: 6px;
@@ skipping 32 matching lines @@
     float: right;
     padding-right: 4px;
     padding-top: 4px;
     padding-left: 2px;
 }
 
 body.undocked .toolbar-close-button-item {
     display: none;
 }
 
-body.dock-to-bottom #inspector-split-view > .split-view-resizer {
-    display: none;
+.root-view > .split-view > .split-view-sidebar {
+    position: relative;
+}
+
+select.drop-down-menu {
+    border: none;
+    -webkit-appearance: none;
 }
 
 /* inspectorCommon.css */
 
 html {
     height: 100%;
 }
 
 body {
     cursor: default;
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
+    position: relative;
+    height: 100%;
+    width: 100%;
     overflow: hidden;
     font-family: Lucida Grande, sans-serif;
     font-size: 12px;
     margin: 0;
     tab-size: 4;
     -webkit-user-select: none;
     color: #222;
 }
 
 body.platform-linux {
   color: rgb(48, 57, 66);
   font-family: Ubuntu, Arial, sans-serif;
 }
 
 body.platform-mac {
   color: rgb(48, 57, 66);
   font-family: 'Lucida Grande', sans-serif;
 }
 
 body.platform-windows {
   font-family: 'Segoe UI', Tahoma, sans-serif;
 }
 
-* {
+*, *::before, *::after {
     box-sizing: border-box;
 }
 
 :focus {
     outline: none;
 }
 
 img {
     -webkit-user-drag: none;
 }
@@ skipping 143 matching lines @@
     margin-left: -3px;
     margin-right: -2px;
 }
 
 /* Network timing is shared between popover and network item view pane */
 
 .network-timing-table td {
     padding: 0;
 }
 
+.network-timing-table td.caution {
+    font-weight: bold;
+    color: rgb(255, 128, 0);
+    padding: 2px 0;
+}
+
 .network-timing-row {
     position: relative;
     height: 16px;
 }
 
 .network-timing-bar {
     position: absolute;
     background-color: red;
     border-left: 1px solid red;
     opacity: 0.4;
@@ skipping 23 matching lines @@
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
     line-height: 16px;
 }
 
 .sidebar-label {
     font-size: 11px;
 }
 
+.pie-chart {
+    position: relative;
+}
+
+.pie-chart-foreground {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    z-index: 10;
+    top: 0;
+}
 
 /* inspectorSyntaxHighlight.css */
 
 /*
  * Copyright (C) 2009 Apple 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:
  *
@@ skipping 84 matching lines @@
     color: rgb(26, 26, 166);
     unicode-bidi: -webkit-isolate;
 }
 
 .webkit-html-external-link,
 .webkit-html-resource-link {
     /* Keep this in sync with view-source.css (.webkit-html-external-link, .webkit-html-resource-link) */
     color: #00e;
 }
 
+.webkit-html-resource-link {
+    /* Required for consistency with view-source.css, since anchors may not have href attributes */
+    text-decoration: underline;
+    cursor: pointer;
+}
+
 .webkit-html-external-link {
     /* Keep this in sync with view-source.css (.webkit-html-external-link) */
     text-decoration: none;
 }
 
 .webkit-html-external-link:hover {
     /* Keep this in sync with view-source.css (.webkit-html-external-link:hover) */
     text-decoration: underline;
 }
 
 .webkit-html-end-of-file {
     /* Keep this in sync with view-source.css (.webkit-html-end-of-file) */
     color: rgb(255, 0, 0);
     font-weight: bold;
 }
 
 /* popover.css */
 
 .popover {
     position: absolute;
     -webkit-border-image: url(Images/popoverBackground.png) 25 25 25 25;
     border-width: 25px;
-    z-index: 100;
+    z-index: 600;
     pointer-events: none;
 }
 
 .popover .content {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     pointer-events: auto;
@@ skipping 71 matching lines @@
 .popover.right-bottom-arrow .arrow {
     right: 0;
     left: auto;
     top: auto;
     bottom: 0;
     margin-bottom: 15px;
     margin-right: -25px;
     background-position: 0 -57px;
 }