Update reference builds to r89207.

chrome_linux/resources/inspector/devTools.css

 /* audits.css */
 
 /*
  * Copyright (C) 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 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:
  *
@@ skipping 445 matching lines @@
 
 .heap-snapshot-summary-label {
     font-size: 12px;
     font-weight: bold;
     position: absolute;
     top: 1px;
     width: 50%;
     left: 25%;
 }
 
+.detailed-heapshot-view {
+    display: none;
+    overflow: hidden;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.detailed-heapshot-view.visible {
+    display: block;
+}
+
+.detailed-heapshot-view .view {
+    display: none;
+}
+
+.detailed-heapshot-view .view.visible {
+    display: block;
+}
+
+.detailed-heapshot-view .data-grid {
+    border: none;
+}
+
+.detailed-heapshot-view .data-grid td.count-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.addedCount-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.removedCount-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.countDelta-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.addedSize-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.removedSize-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.sizeDelta-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.shallowSize-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .data-grid td.retainedSize-column {
+    text-align: right;
+}
+
+.detailed-heapshot-view .console-formatted-object, .console-formatted-node {
+    display: inline;
+    position: static;
+}
+
+.detailed-heapshot-view .console-formatted-string {
+    white-space: nowrap;
+}
+
+.detailed-heapshot-view .data-grid tr.selected * {
+    color: inherit;
+}
+
+.detailed-heapshot-view .data-grid:focus tr.selected * {
+    color: white;
+}
+
+.detailed-heapshot-view .delimiter {
+    height: 24px;
+    background-color: #d6dde5;
+}
+
+.detailed-heapshot-view .data-grid {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.detailed-heapshot-view .views-container { 
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 173px;
+}
+
+.detailed-heapshot-view .views-container .view {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+}
+
+.detailed-heapshot-view .retaining-paths-view {
+    height: 150px;
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    right: 0;
+}
+
+.detailed-heapshot-view .retainers-view-header {
+    background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
+    background-repeat: no-repeat, repeat-x;
+    background-position: right center, center;
+    cursor: row-resize;
+    height: 23px;
+    font: -webkit-small-control;
+    font-weight: bold;
+    color: rgb(48, 48, 48);
+    text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
+    display: block;
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 150px;
+}
+
+.detailed-heapshot-view .retainers-view-header .title > span {
+    display: inline-block;
+    padding-top: 3px;
+    vertical-align: middle;
+    margin-left: 4px;
+    margin-right: 8px;
+}
+
+.heapshot-help-status-bar-item .glyph {
+    -webkit-mask-position: -160px 0;
+}
+
+table.heapshot-help {
+    border-spacing: 12px 2px;
+}
+
+div.retaining-paths-view td.path-column div:hover {
+    text-decoration: underline;
+    color: blue;
+}
+
 /* 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:
  *
@@ skipping 60 matching lines @@
 .hidden {
     display: none !important;
 }
 
 #toolbar {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 56px;
-    display: -webkit-box;
     padding: 0 5px;
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
     border-bottom: 1px solid rgb(80, 80, 80);
     -webkit-box-orient: horizontal;
     -webkit-background-origin: padding;
     -webkit-background-clip: padding;
 }
 
 body.inactive #toolbar {
     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.detached.platform-mac-leopard #toolbar,
-body.detached.platform-mac-snowleopard #toolbar {
-    background: transparent !important;
+body.detached.platform-mac-leopard:not(.remote) #toolbar,
+body.detached.platform-mac-snowleopard:not(.remote) #toolbar {
+    background: transparent;
 }
 
 body.attached #toolbar {
     height: 34px;
     border-top: 1px solid rgb(100, 100, 100);
-    cursor: row-resize;
+    cursor: ns-resize;
     padding-left: 0;
 }
 
 body.attached.port-qt #toolbar {
     cursor: auto;
 }
 
 body.attached.inactive #toolbar {
     border-top: 1px solid rgb(64%, 64%, 64%);
 }
 
 .toolbar-item {
-    display: -webkit-box;
-    padding: 4px 6px;
     margin: 0;
+    padding: 0 6px;
     background-color: transparent;
     border-style: none;
     border-color: transparent;
-    -webkit-box-orient: vertical;
-    -webkit-box-align: center;
-    -webkit-box-pack: end;
+}
+
+.toolbar-item.toggleable {
+    padding-top: 4px;
 }
 
 .toolbar-item.toggleable.toggled-on {
     border-width: 0 2px 0 2px;
-    padding: 4px 4px;
+    padding: 4px 4px 0 4px;
     -webkit-border-image: url(Images/toolbarItemSelected.png) 0 2 0 2;
 }
 
-.toolbar-item.flexable-space {
-    -webkit-box-flex: 1;
-    visibility: hidden;
-}
-
-.toolbar-item input {
-    margin-bottom: 8px;
-}
-
 .toolbar-icon {
     display: inline-block;
     width: 32px;
     height: 32px;
-    -webkit-background-size: 100% auto;
+    background-image: url(Images/toolbarIcons.png);
 }
 
-body.attached .toolbar-icon {
+.toolbar-small .toolbar-icon {
     width: 24px;
     height: 24px;
     vertical-align: middle;
+    background-image: url(Images/toolbarIconsSmall.png);
 }
 
 .toolbar-item:active .toolbar-icon {
-    background-position: 0 32px;
+    background-position-y: 32px;
 }
 
-body.attached .toolbar-item:active .toolbar-icon {
-    background-position: 0 24px;
+.toolbar-small .toolbar-item:active .toolbar-icon {
+    background-position-y: 24px;
 }
 
 .toolbar-label {
     font-size: 11px;
     font-family: Lucida Grande, sans-serif;
     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
 }
 
 .toolbar-item.toggleable:active .toolbar-label {
     text-shadow: none;
 }
 
-body.attached .toolbar-label {
+.toolbar-small .toolbar-label {
     display: inline-block;
-    vertical-align: middle;
     margin-left: 3px;
+    position: relative;
+    top: 2px;
 }
 
 body.attached #search-toolbar-label {
     display: none;
 }
 
+#toolbar-controls {
+    float: right;
+    display: -webkit-box;
+    -webkit-box-align: center;
+    height: 100%;
+}
+
+#toolbar-dropdown-arrow {
+    font-size: 16px;
+    font-weight: bold;
+    border: 0;
+    background-color: transparent;
+    -webkit-border-radius: 5px;
+    text-shadow: none;
+}
+
+body.attached #toolbar-dropdown-arrow {
+    font-size: 14px;
+    padding-bottom: 4px;
+}
+
+#toolbar-dropdown-arrow.dropdown-visible {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(251, 251, 251, 0.9)), to(rgba(231, 231, 231, 0.9)));
+}
+
+#toolbar-dropdown-arrow:hover {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 191, 191, 0.7)), to(rgba(171, 171, 171, 0.5)));
+}
+
+#toolbar-dropdown-arrow:active {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(111, 111, 111, 0.8)), to(rgba(91, 91, 91, 0.8)));
+}
+
+#toolbar-dropdown {
+    position: absolute;
+    z-index: 1000;
+    -webkit-box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
+    border: 1px solid rgb(128, 128, 128);
+    padding: 4px;
+    background-color: inherit;
+    background-image: inherit;
+}
+
+body.detached.platform-mac-leopard #toolbar-dropdown,
+body.detached.platform-mac-snowleopard #toolbar-dropdown {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(191, 191, 191)), to(rgb(151, 151, 151)));
+}
+
+#toolbar-dropdown .scrollable-content {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-align: start;
+}
+
+#toolbar-dropdown .toolbar-item {
+    display: -webkit-box;
+    -webkit-box-orient: horizontal;
+    margin: 0px 2px;
+    padding: 4px;
+    width: 100%;
+    border: 1px solid rgba(0, 0, 0, 0);
+}
+
+#toolbar-dropdown .toolbar-item.toggleable.toggled-on {
+    border: 1px solid rgba(100, 100, 120, 0.4);
+    -webkit-border-image: none;
+    background: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.6)), to(rgba(128, 128, 128, 0.6)), color-stop(20%, rgba(158, 158, 158, 0.2)), color-stop(80%, rgba(158, 158, 158, 0.2)));
+}
+
+#toolbar-dropdown .toolbar-item:hover {
+    -webkit-border-image: none;
+    border: 1px solid rgba(100, 100, 120, 0.8);
+}
+
+#toolbar-dropdown .toolbar-item.toggleable.toggled-on:hover {
+    border: 1px solid rgba(100, 100, 120, 1);
+}
+
+#toolbar-dropdown .toolbar-icon {
+    margin-right: 0.5em;
+}
+
+.scrollable-content {
+    position: static;
+    height: 100%;
+    overflow-y: auto;
+    width: 100%;
+    margin-right: 12px;
+    padding-right: 3px;
+}
+
+.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)));
+    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)));
+}
+
+.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)));
+    border-radius: 5px;
+}
+
+.toolbar-search-item {
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-align: center;
+    -webkit-box-pack: end;
+}
+
 #search {
     width: 205px;
     font-size: 16px;
-    margin-bottom: 5px;
 }
 
 body.attached #search {
     font-size: 11px;
-    margin-bottom: 8px;
 }
 
 #search-results-matches {
     font-size: 11px;
     text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
-    margin-bottom: 22px;
-}
-
-body.attached #search-results-matches {
-    margin-bottom: 6px;
 }
 
 .toolbar-item.elements .toolbar-icon {
-    background-image: url(Images/elementsIcon.png);
+    background-position-x: 0;
 }
 
 .toolbar-item.resources .toolbar-icon {
-    background-image: url(Images/resourcesIcon.png);
+    background-position-x: -32px;
+}
+
+.toolbar-small .toolbar-item.resources .toolbar-icon {
+    background-position-x: -24px;
 }
 
 .toolbar-item.network .toolbar-icon {
-    background-image: url(Images/networkIcon.png);
+    background-position-x: -64px;
+}
+
+.toolbar-small .toolbar-item.network .toolbar-icon {
+    background-position-x: -48px;
 }
 
 .toolbar-item.scripts .toolbar-icon {
-    background-image: url(Images/scriptsIcon.png);
+    background-position-x: -96px;
+}
+
+.toolbar-small .toolbar-item.scripts .toolbar-icon {
+    background-position-x: -72px;
 }
 
 .toolbar-item.timeline .toolbar-icon {
-    background-image: url(Images/timelineIcon.png);
+    background-position-x: -128px;
+}
+
+.toolbar-small .toolbar-item.timeline .toolbar-icon {
+    background-position-x: -96px;
 }
 
 .toolbar-item.profiles .toolbar-icon {
-    background-image: url(Images/profilesIcon.png);
+    background-position-x: -160px;
+}
+
+.toolbar-small .toolbar-item.profiles .toolbar-icon {
+    background-position-x: -120px;
 }
 
 .toolbar-item.audits .toolbar-icon {
-    background-image: url(Images/auditsIcon.png);
+    background-position-x: -192px;
+}
+
+.toolbar-small .toolbar-item.audits .toolbar-icon {
+    background-position-x: -144px;
 }
 
 .toolbar-item.console .toolbar-icon {
-    background-image: url(Images/consoleIcon.png);
+    background-position-x: -224px;
+}
+
+.toolbar-small .toolbar-item.console .toolbar-icon {
+    background-position-x: -168px;
 }
 
 #close-button-left, #close-button-right {
     width: 14px;
     height: 14px;
     background-image: url(Images/closeButtons.png);
     background-position: 0 0;
     background-color: transparent;
     border: 0 none transparent;
-    margin: 5px 0;
+    margin-top: 4px;
 }
 
 #close-button-left:hover, #close-button-right:hover {
     background-position: 14px 0;
 }
 
 #close-button-left:active, #close-button-right:active {
     background-position: 28px 0;
 }
 
+.close-left {
+    float: left;
+}
+
 body.detached .toolbar-item.close-left, body.detached .toolbar-item.close-right {
     display: none;
 }
 
 body.attached.port-qt .toolbar-item.close-left, body.attached.port-qt .toolbar-item.close-right {
     display: none;
 }
 
 body.platform-mac .toolbar-item.close-right {
     display: none;
 }
 
 body:not(.platform-mac) .toolbar-item.close-left {
     display: none;
 }
 
+.toolbar-item.close-left {
+    margin-top: 5px;
+}
+
 #main {
     position: absolute;
     z-index: 1;
     top: 56px;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: hidden;
     background-color: white;
 }
@@ skipping 16 matching lines @@
     bottom: 0;
     left: 0;
     right: 0;
 }
 
 body.drawer-visible #main-status-bar {
     height: 24px;
     background-image: url(Images/statusbarResizerVertical.png), url(Images/statusbarBackground.png);
     background-repeat: no-repeat, repeat-x;
     background-position: right center, center;
-    cursor: row-resize;
+    cursor: ns-resize;
 }
 
 body.drawer-visible #main-status-bar * {
     cursor: default;
 }
 
 body.drawer-visible #main-panels {
     bottom: 24px;
 }
 
@@ skipping 56 matching lines @@
 }
 
 button.status-bar-item .glyph.shadow {
     background-color: rgba(255, 255, 255, 0.33) !important;
 }
 
 button.status-bar-item.toggled-on .glyph {
     background-color: rgb(66, 129, 235);
 }
 
-button.status-bar-item.toggled-1 .glyph {
-    background-color: rgb(66, 129, 235);
-}
-
-button.status-bar-item.toggled-2 .glyph {
-    background-color: purple;   
-}
-
 button.status-bar-item:disabled {
     opacity: 0.5;
     background-position: 0 0 !important;
 }
 
 select.status-bar-item {
     min-width: 48px;
     border-width: 0 17px 0 2px;
     padding: 0 2px 0 6px;
     font-weight: bold;
     color: rgb(48, 48, 48);
     text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
     -webkit-border-image: url(Images/statusbarMenuButton.png) 0 17 0 2;
     -webkit-border-radius: 0;
     -webkit-appearance: none;
 }
 
 select.status-bar-item:active {
     color: black;
     -webkit-border-image: url(Images/statusbarMenuButtonSelected.png) 0 17 0 2;
 }
 
+.status-bar-item > .glyph {
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+}
+
 #dock-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/undockButtonGlyph.png);
+    -webkit-mask-position: 0 -48px;
 }
 
 body.detached #dock-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/dockButtonGlyph.png);
+    -webkit-mask-position: -32px -24px;
 }
 
 body.port-qt #dock-status-bar-item {
     display: none
 }
 
 #console-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/consoleButtonGlyph.png);
+    -webkit-mask-position: -64px -24px;
 }
 
 .clear-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/clearConsoleButtonGlyph.png);
-}
-
-#changes-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/consoleButtonGlyph.png); /* TODO: Needs Image for Changes Toggle Button */
+    -webkit-mask-position: -64px 0;
 }
 
 #counters {
     position: absolute;
     right: 16px;
     top: 0;
     cursor: pointer;
     padding: 6px 2px 6px 0px;
     font-size: 10px;
     height: 19px;
 }
 
-#changes-count, #error-warning-count {
+#error-warning-count {
     display: inline;
 }
 
-#error-warning-count:hover, #changes-count:hover {
+#error-warning-count:hover {
     border-bottom: 1px solid rgb(96, 96, 96);
 }
 
-#style-changes-count::before {
-    content: url(Images/styleIcon.png); /* TODO: Needs Image for Style Changes Icon */
-    width: 10px;
-    height: 10px;
-    vertical-align: -1px;
-    margin-right: 2px;
-}
-
 #error-count::before {
     content: url(Images/errorIcon.png);
     width: 10px;
     height: 10px;
     vertical-align: -1px;
     margin-right: 2px;
 }
     
-#changes-count + #error-warning-count, #error-count + #warning-count {
+#error-count + #warning-count {
     margin-left: 6px;
 }
 
 #warning-count::before {
     content: url(Images/warningIcon.png);
     width: 10px;
     height: 10px;
     vertical-align: -1px;
     margin-right: 2px;
 }
@@ skipping 198 matching lines @@
     color: rgb(33%, 33%, 33%);
     cursor: pointer;
 }
 
 #console-messages a:hover {
     color: rgb(15%, 15%, 15%);
 }
 
 .console-message-url {
     float: right;
+    margin-left: 4px;
 }
 
 .console-group-messages .section {
     margin: 0 0 0 12px !important;
 }
 
 .console-group-messages .section .header {
     padding: 0 8px 0 0;
     background-image: none;
     border: none;
@@ skipping 63 matching lines @@
 .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;
 }
 
 .console-formatted-null, .console-formatted-undefined {
     color: rgb(128, 128, 128);
 }
 
 .error-message {
     color: red;
 }
 
-.auto-complete-text {
-    color: rgb(128, 128, 128);
+.auto-complete-text, .editing .auto-complete-text {
+    color: rgb(128, 128, 128) !important;
     -webkit-user-select: none;
     -webkit-user-modify: read-only;
 }
 
 .panel {
     display: none;
     overflow: hidden;
     position: absolute;
     top: 0;
     left: 0;
@@ skipping 118 matching lines @@
     display: block;
     overflow: auto;
     padding: 0;
     position: absolute;
     top: 0;
     left: 0;
     right: 325px;
     bottom: 0;
 }
 
+#elements-content.nowrap {
+    white-space: nowrap;
+}
+
+#elements-content > ol {
+    display: inline-block;
+}
+
 #elements-sidebar {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     width: 325px;
     border-left: 1px solid rgb(64%, 64%, 64%);
     cursor: default;
     overflow: auto;
 }
@@ skipping 263 matching lines @@
 
 .placard .subtitle a {
     color: inherit;
 }
 
 .section {
     position: relative;
     margin-top: 1px;
 }
 
-.watch-expressions-buttons-container {
-    text-align: center;
-}
-
 .events-pane .section:not(:nth-of-type(1)) {
     border-top: 1px solid rgb(191, 191, 191);
 }
 
 .event-bar:first-child {
     margin-top: 1px;
 }
 
 .section .header {
     color: black;
@@ skipping 223 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;
 }
 
+.properties-tree.watch-expressions {
+    padding-bottom: 8px;
+}
+
+.properties-tree.watch-expressions li {
+    padding-top: 2px;
+}
+
 .watch-expressions > li.editing-sub-part .name {
     display: block; 
     width: 100%;
 }
 
 .watch-expressions > li.editing-sub-part .value, .watch-expressions > li.editing-sub-part .separator  {
     display: none;
 }
 
 .watch-expressions-error-level {
     color: red;
 }
 
 .section .properties li.editing-sub-part {
     padding: 3px 6px 8px 18px;
     margin: -3px -6px -8px -6px;
     text-overflow: clip;
 }
 
-/* FIXME: need a better icon (comment in bug 27514) */
 .section .properties .delete-button {
     width: 10px;
     height: 10px;
-    background-image: url(Images/errorIcon.png);
+    background-image: url(Images/deleteIcon.png);
     background-position: 0 0;
     background-color: transparent;
     background-repeat: no-repeat;
     border: 0 none transparent;
+    position: absolute;
+    margin-left: -25px;
+    margin-top: 2px;
+    display: none;
+}
+
+.section .properties li.hovered .delete-button {
+    display: inline;
 }
 
 .section .properties .name, .event-properties .name {
     color: rgb(136, 19, 145);
 }
 
 .section .properties .value.dimmed {
     color: rgb(100, 100, 100);
 }
 
@@ skipping 86 matching lines @@
 }
 
 .pane > .title > select:active {
     background-position: -46px 0px;
 }
 
 .pane > .title > select > option, .pane > .title > select > hr {
     color: black;
 }
 
-.pane > .title > button.add {
+.pane > .title > .pane-title-button {
     float: right;
     width: 23px;
     height: 17px;
     color: transparent;
     background-color: transparent;
     border: none;
-    background-image: url(Images/paneAddButtons.png);
     background-repeat: no-repeat;
     margin: 1px 0 0 0;
     padding: 0;
     -webkit-border-radius: 0;
     -webkit-appearance: none;
 }
 
-.pane > .title > button.add:hover {
+.pane > .title > .pane-title-button:hover {
     background-position: -23px 0px;
 }
 
-.pane > .title > button.add:active {
+.pane > .title > .pane-title-button:active {
     background-position: -46px 0px;
 }
 
+.pane > .title > .pane-title-button.add {
+    background-image: url(Images/paneAddButtons.png);
+}
+
+.pane > .title > .pane-title-button.refresh {
+    background-image: url(Images/paneRefreshButtons.png);
+}
+
 .pane > .body {
     position: relative;
     display: none;
     overflow-y: auto;
     overflow-x: hidden;
 }
 
 .pane > .body .info {
     text-align: center;
     font-style: italic;
     font-size: 10px;
     padding: 6px;
     color: black;
 }
 
 .pane > .body .placard + .info {
     border-top: 1px solid rgb(189, 189, 189);
     background-color: rgb(255, 255, 194);
 }
 
 .pane.expanded > .body, .pane.expanded > .growbar {
     display: block;
 }
 
 .pane > .body .breakpoint-condition {
     display: block;
     margin-top: 4px;
     margin-bottom: 4px;
-    margin-left: 25px;
-    margin-right: 10px;
+    margin-left: 23px;
+    margin-right: 8px;
+}
+
+#breakpoint-condition-input {
+    display: block;
+    margin-left: 0;
+    margin-right: 0;
+    outline: none !important;
+    border: 1px solid rgb(66%, 66%, 66%);
 }
 
 .pane.expanded:nth-last-of-type(1) {
     border-bottom: 1px solid rgb(189, 189, 189);
 }
 
 .pane > .growbar {
     display: none;
     background-image: url(Images/paneGrowHandleLine.png), url(Images/paneBottomGrow.png);
     background-repeat: no-repeat, repeat-x;
@@ skipping 32 matching lines @@
     position: absolute;
     margin-top: -10px;
     font-size: 9px;
     color: grey;
     background-color: white;
     margin-left: 3px;
     padding-left: 2px;
     padding-right: 2px;
 }
 
+.metrics .hovered > .label {
+    border: 1px solid black;
+}
+
 .metrics .position {
     border: 1px rgb(66%, 66%, 66%) dotted;
+    background-color: white;
     display: inline-block;
     text-align: center;
     padding: 3px;
     margin: 3px;
 }
 
 .metrics .margin {
     border: 1px dashed;
+    background-color: white;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     padding: 3px;
     margin: 3px;
 }
 
+.metrics .margin.hovered {
+    background-color: rgb(139, 182, 221);
+}
+
 .metrics .border {
     border: 1px black solid;
+    background-color: white;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     padding: 3px;
     margin: 3px;
 }
 
+.metrics .border.hovered {
+    background-color: rgb(157, 193, 226);
+}
+
 .metrics .padding {
     border: 1px grey dashed;
+    background-color: white;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     padding: 3px;
     margin: 3px;
 }
 
+.metrics .padding.hovered {
+    background-color: rgb(173, 204, 231);
+}
+
 .metrics .content {
     position: static;
     border: 1px grey solid;
+    background-color: white;
     display: inline-block;
     text-align: center;
     vertical-align: middle;
     padding: 3px;
     margin: 3px;
     min-width: 80px;
     text-align: center;
     overflow: visible;
 }
 
+.metrics .content.hovered {
+    background-color: rgb(190, 214, 236);
+}
+
 .metrics .content span {
     display: inline-block;
 }
 
 .metrics .editing {
     position: relative;
     z-index: 100;
 }
 
 .metrics .left {
@@ skipping 341 matching lines @@
     top: 0;
     bottom: 0;
     right: 0;
     height: 8px;
     margin-bottom: auto;
     margin-top: auto;
     width: 8px;
     content: url(Images/treeDownTriangleBlack.png);
 }
 
+.data-grid button {
+    line-height: 19px;
+}
+
 body.inactive .data-grid th.sort-ascending, body.inactive .data-grid th.sort-descending {
     background-image: url(Images/glossyHeader.png);
     border-right: 1px solid rgb(179, 179, 179);
     border-bottom: 1px solid rgb(179, 179, 179);
 }
 
 .data-grid tr.parent td.disclosure::before {
     float: left;
     content: url(Images/treeRightTriangleBlack.png);
     width: 8px;
@@ skipping 276 matching lines @@
 
 .panel-enabler-view.scripts img {
     content: url(Images/scriptsSilhouette.png);
 }
 
 .panel-enabler-view.profiles img {
     content: url(Images/profilesSilhouette.png);
 }
 
 button.enable-toggle-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/enableOutlineButtonGlyph.png);
+    -webkit-mask-position: -192px 0;
 }
 
 button.enable-toggle-status-bar-item.toggled-on .glyph {
-    -webkit-mask-image: url(Images/enableSolidButtonGlyph.png);
+    -webkit-mask-position: -96px -24px;
 }
 
 .scripts-pause-on-exceptions-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/pauseOnExceptionButtonGlyph.png);
+    -webkit-mask-position: -256px 0;
+}
+
+.scripts-pause-on-exceptions-status-bar-item.toggled-all .glyph {
+    background-color: rgb(66, 129, 235);
+}
+
+.scripts-pause-on-exceptions-status-bar-item.toggled-uncaught .glyph {
+    background-color: purple;   
+}
+
+.scripts-toggle-pretty-print-status-bar-item .glyph {
+    -webkit-mask-position: -256px -24px;
+}
+
+.scripts-toggle-pretty-print-status-bar-item.toggled .glyph {
+    background-color: rgb(66, 129, 235);
 }
 
 #scripts-status-bar {
     position: absolute;
     top: -1px;
     left: 0;
     right: 0;
     height: 24px;
 }
 
@@ skipping 35 matching lines @@
 
 #scripts-step-into img {
     content: url(Images/debuggerStepInto.png);
 }
 
 #scripts-step-out img {
     content: url(Images/debuggerStepOut.png);
 }
 
 .toggle-breakpoints .glyph {
-    -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png);
+    -webkit-mask-image: url(Images/statusbarButtonGlyphs.png);
+    -webkit-mask-position: -32px 0;
     background-color: rgb(96, 96, 96) !important;
 }
 
 .toggle-breakpoints.toggled-on .glyph {
-    -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png);
+    -webkit-mask-position: 0 -24px;
 }
 
 #scripts-debugger-status {
     position: absolute;
     line-height: 24px;
     top: 0;
     right: 8px;
 }
 
 #scripts-sidebar-resizer-widget {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 225px;
     width: 16px;
-    cursor: col-resize;
+    cursor: ew-resize;
     background-image: url(Images/statusbarResizerHorizontal.png);
     background-repeat: no-repeat;
     background-position: center;
 }
 
 #scripts-sidebar-buttons {
     position: absolute;
     right: 0;
     top: 0;
     bottom: 0;
@@ skipping 31 matching lines @@
     top: 23px;
     right: 0;
     bottom: 0;
     width: 225px;
     border-left: 1px solid rgb(64%, 64%, 64%);
     cursor: default;
     overflow: auto;
 }
 
 .resources-larger-resources-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
+    -webkit-mask-position: -224px 0;
 }
 
 #resources-filter, #console-filter.console-filter-top {
     background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 236, 236)), to(rgb(217, 217, 217)));
     border-bottom: 1px solid rgb(64%, 64%, 64%);
     width: 100%;
 }
 
 #console-messages.console-filter-top {
     margin-top: 23px;
@@ skipping 460 matching lines @@
     width: 100%;
     height: 100%;
 }
 
 .sidebar-resizer-vertical {
     position: absolute;
     top: 0;
     bottom: 0;
     width: 5px;
     z-index: 500;
-    cursor: col-resize;
+    cursor: ew-resize;
 }
 
 .resources .sidebar-resizer-vertical {
     top: 23px;
 }
 
 .sidebar-tree, .sidebar-tree .children {
     position: relative;
     padding: 0;
     margin: 0;
@@ skipping 487 matching lines @@
 
 .timeline-window-resizer {
     position: absolute;
     top: 0px;
     bottom: 60px;
     width: 5px;
     margin-left: -3px;
     margin-right: -2px;
     background-color: rgb(153, 153, 153);
     z-index: 500;
-    cursor: col-resize;
+    cursor: ew-resize;
     -webkit-border-radius: 2px;
     -webkit-box-shadow: white 1px 0 0, white -1px 0 0, white 0 1px 0, white 0 -1px 0;
 }
 
 #timeline-overview-grid #resources-graphs {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     height: 80px;
@@ skipping 272 matching lines @@
 .timeline-details-title {
     border-bottom: 1px solid #B8B8B8;
     font-size: 11px;
     font-weight: bold;
     padding-bottom: 5px;
     padding-top: 0px;
     white-space: nowrap;
 }
 
 .timeline-filter-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
+    -webkit-mask-position: -224px 0;
 }
 
 .timeline-filter-status-bar-item.toggled-on .glyph {
     background-color: rgb(66, 129, 235) !important;
 }
 
+.garbage-collect-status-bar-item .glyph {
+    -webkit-mask-position: -128px -24px;
+}
+
 .timeline-records-counter, .storage-application-cache-status, .storage-application-cache-connectivity {
     font-size: 11px;
     text-shadow: white 0 1px 0;
 }
 
 #main-status-bar > .timeline-records-counter {
     float: right;
     margin-top: 4px;
     margin-right: 25px;
 }
@@ skipping 109 matching lines @@
 }
 
 .data-grid:focus tr.selected .profile-node-file {
     color: white;
 }
 
 button.enable-toggle-status-bar-item .glyph {
 }
 
 .record-profile-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/recordButtonGlyph.png);
+    -webkit-mask-position: -288px 0;
 }
 
 .record-profile-status-bar-item.toggled-on .glyph {
-    -webkit-mask-image: url(Images/recordToggledButtonGlyph.png);
+    -webkit-mask-position: -288px -24px;
     background-color: rgb(216, 0, 0) !important;
 }
 
 /* FIXME: should have its own glyph. */
 .heap-snapshot-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/focusButtonGlyph.png);
+    -webkit-mask-position: -96px 0;
 }
 
 .node-search-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/nodeSearchButtonGlyph.png);
+    -webkit-mask-position: -224px -24px;
 }
 
 .percent-time-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/percentButtonGlyph.png);
+    -webkit-mask-position: -192px -24px;
 }
 
 .focus-profile-node-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/focusButtonGlyph.png);
+    -webkit-mask-position: -96px 0;
 }
 
 .exclude-profile-node-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/excludeButtonGlyph.png);
+    -webkit-mask-position: -128px 0;
 }
 
 .reset-profile-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/reloadButtonGlyph.png);
+    -webkit-mask-position: 0 0;
 }
 
 .delete-storage-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/excludeButtonGlyph.png);
+    -webkit-mask-position: -128px 0;
 }
 
 .refresh-storage-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/reloadButtonGlyph.png);
+    -webkit-mask-position: 0 0;
 }
 
 ol.breakpoint-list {
     -webkit-padding-start: 0;
     list-style: none;
     margin: 0;
 }
 
 .breakpoint-list li {
     white-space: nowrap;
@@ skipping 182 matching lines @@
     margin-left: 5px;
     max-width: 65%;
     text-overflow: ellipsis;
     overflow: hidden;
 }
 
 .styles-section .header .subtitle a {
     color: inherit;
 }
 
-.styles-section a::before {
-    content: attr(data-uncopyable);
-}
-
 .styles-section .properties {
     display: none;
     margin: 0;
     padding: 2px 4px 0 8px;
     list-style: none;
 }
 
 .styles-section.no-affect .properties li {
     opacity: 0.5;
 }
@@ skipping 109 matching lines @@
 }
 
 .cursor-pointer {
     cursor: pointer;
 }
 
 .cursor-auto {
     cursor: auto;
 }
 
+.please-wait-msg {
+    position: absolute;
+    left: 0;
+    top: 0;
+    border: 4px black solid;
+    border-radius: 4px;
+    background-color: black;
+    opacity: 0.85;
+    color: white;
+    font-size: 12px;
+    font-weight: bold;
+    z-index: 10000;
+}
+
+.resource-view.json {
+    padding: 5px;
+}
+
+.resource-view.html iframe {
+    width: 100%;
+    height: 100%;
+}
+
 /* 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
@@ skipping 97 matching lines @@
 }
 
 .webkit-html-external-link:hover {
     /* Keep this in sync with view-source.css (.webkit-html-external-link:hover) */
     text-decoration: underline;
 }
 
 /* networkPanel.css */
 
 .network-larger-resources-status-bar-item .glyph {
-    -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
+    -webkit-mask-position: -224px 0;
 }
 
 .network-sidebar .data-grid {
     border: none;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     font-size: 11px;
 }
 
 .network-sidebar .data-grid table.data {
     -webkit-background-size: 1px 82px;
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.05)), to(rgba(0, 0, 0, 0.05)));
     font-size: 11px;
 }
 
 .network-sidebar .data-grid.small table.data {
     -webkit-background-size: 1px 42px;
 }
 
-.network-sidebar .data-grid td:not(.network-summary) {
+.network-sidebar .data-grid td {
     line-height: 17px;
     height: 37px;
     border-right: 1px solid rgb(210, 210, 210);
     vertical-align: middle;
 }
 
 .network-sidebar .data-grid.small td {
     height: 17px;
 }
 
@@ skipping 22 matching lines @@
 
 .network-sidebar .data-grid select {
     -webkit-appearance: none;
     background-color: transparent;
     border: none;
     width: 100%;
     font-size: 11px;
     font-weight: bold;
 }
 
+.network-sidebar .data-grid.small tr.offscreen {
+    height: 21px;
+}
+
+.network-sidebar .data-grid tr.offscreen {
+    height: 41px;
+}
+
+.network-sidebar .data-grid tr.offscreen td {
+    display: none;
+}
+
 .network-sidebar .data-grid tr.filler {
     background-color: white;
 }
 
-.network-sidebar .data-grid td.name-column {
+.network-sidebar .data-grid tr:not(.filler) td.name-column {
     font-weight: bold;
     cursor: pointer;
 }
 
 .network.panel:not(.viewing-resource) .network-sidebar td.name-column:hover {
     text-decoration: underline;
 }
 
 .network-sidebar .data-grid td.method-column,
 .network-sidebar .data-grid td.status-column,
@@ skipping 394 matching lines @@
 .data-grid.filter-scripts table.data tr.revealed.network-category-scripts,
 .data-grid.filter-xhr table.data tr.revealed.network-category-xhr,
 .data-grid.filter-fonts table.data tr.revealed.network-category-fonts,
 .data-grid.filter-websockets table.data tr.revealed.network-category-websockets,
 .data-grid.filter-other table.data tr.revealed.network-category-other {
     display: table-row;
 }
 
 /* Summary */
 
+.network-sidebar tr.filler td {
+    padding-bottom: 20px !important;
+}
+
 .network-summary-bar {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    margin-right: -14px;
     background-color: rgb(101, 111, 130);
+}
+
+.network-sidebar .data-grid .network-summary-bar td {
     color: white;
     height: 20px;
+    border: none;
     font-size: 11px;
     font-weight: bold;
-    padding-top: 3px;
-    padding-left: 10px;
-    z-index: 2000;
+    padding: 0 0 0 8px;
     white-space: pre;
     overflow : hidden;
     text-overflow : ellipsis;
 }
 
-.network-summary-bar-bottom {
-    position: absolute;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    padding-top: 3px;
-}
-
-.data-grid td .network-summary-bar {
-    white-space: pre;
-}
-
-.network-sidebar .data-grid td.network-summary {
-    padding: 0;
+.network-summary-bar img {
+    vertical-align: middle;
+    padding-right: 8px;
 }
 
 /* Viewer */
 
 .network.panel.viewing-resource .network-sidebar .data-grid td,
 .network.panel.viewing-resource .network-sidebar .data-grid th {
     border-right: none;
 }
 
 .network.panel.viewing-resource .data-grid th.corner {
@@ skipping 170 matching lines @@
 }
 
 .resource-headers-view .outline-disclosure .children li {
     white-space: nowrap;
 }
 
 .resource-headers-view .outline-disclosure li.expanded .header-count {
     display: none;
 }
 
+.resource-headers-view .outline-disclosure li .header-toggle {
+    display: none;
+}
+
+.resource-headers-view .outline-disclosure li.expanded .header-toggle {
+    display: inline;
+    margin-left: 30px;
+    font-weight: normal;
+    color: rgb(45%, 45%, 45%);
+}
+
+.resource-headers-view .outline-disclosure li .header-toggle:hover {
+    color: rgb(20%, 20%, 45%);
+    cursor: pointer;
+}
+
 .resource-headers-view .outline-disclosure .header-name {
     color: rgb(33%, 33%, 33%);
     display: inline-block;
     margin-right: 0.5em;
     font-weight: bold;
     vertical-align: top;
     white-space: pre-wrap;
 }
 
 .resource-headers-view .outline-disclosure .header-value {
     display: inline;
     margin-right: 100px;
     white-space: pre-wrap;
     word-break: break-all;
     margin-top: 1px;
 }
 
+.resource-headers-view .outline-disclosure li.headers-text {
+    text-indent: 0;
+    margin-left: -2px;
+}
+
 .resource-headers-view .outline-disclosure .raw-form-data {
     white-space: pre-wrap;
 }
 
 .resource-cookies-view {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
@@ skipping 84 matching lines @@
     left: 5%;
     width: 90%;
     bottom: 40px;
     z-index: 2000;
 }
 
 body.attached .help-window-outer {
     top: 32px;
     left: 0;
     width: 100%;
-    bottom: 24px;
+    bottom: 23px;
 }
 
 .help-window-main {
     max-height: 100%;
     opacity: 0.85;
     color: white;
     background-color: black;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     border: 20px black solid;
@@ skipping 336 matching lines @@
     position: absolute;
     top:0;
     left:0;
     right:0;
     bottom:0;
     white-space: pre;
     overflow: auto;
 }
 
 .text-editor-lines {
-    border: 0;
-    -webkit-border-horizontal-spacing: 0;
-    -webkit-border-vertical-spacing: 0;
+    position: absolute;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    overflow: hidden;
+    -webkit-user-select: none;
+    background-color: rgb(240, 240, 240);
+    border-right: 1px solid rgb(187, 187, 187);
+    min-width: 19px;
+}
+
+.text-editor-contents {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    overflow: auto;
     -webkit-user-select: text;
 }
 
+.text-editor-contents .inner-container {
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: auto;
+    bottom: auto;
+    min-width: 100%;
+}
+
+.text-editor-editable {
+    -webkit-user-modify: read-write-plaintext-only;
+}
+
+.text-editor-read-only {
+    -webkit-user-modify: read-only;
+    background-color: rgb(240, 240, 240);
+}
+
+.webkit-line-decorations {
+    pointer-events: none;
+    -webkit-user-select: none;
+    -webkit-user-modify: read-only;
+}
+
 .webkit-html-message-bubble {
     -webkit-box-shadow: black 0px 2px 5px;
     -webkit-border-radius: 9px;
     -webkit-border-fit: lines;
     font-size: 10px;
     font-family: Lucida Grande, sans-serif;
     font-weight: bold;
     margin: 6px 25px;
     padding: 0 7px 1px;
     z-index:20;
@@ skipping 23 matching lines @@
 }
 
 .webkit-html-message-icon {
     position: relative;
     top: 2px;
     margin: 0 4px;
 }
 
 .webkit-line-number {
     color: rgb(128, 128, 128);
-    background-color: rgb(240, 240, 240);
-    border-right: 1px solid rgb(187, 187, 187);
     text-align: right;
     vertical-align: top;
     word-break: normal;
-    -webkit-user-select: none;
     padding-right: 4px;
     padding-left: 6px;
 }
 
 .webkit-line-number-outer {
     margin-right: -4px;
     margin-left: -4px;
     border-color: transparent;
     border-style: solid;
     border-width: 0 0 0px 2px;
     vertical-align: top;
 }
 
 .webkit-line-number-inner {
     margin-right: 4px;
 }
 
 .webkit-breakpoint .webkit-line-number-inner, .webkit-breakpoint-conditional .webkit-line-number-inner, .webkit-execution-line .webkit-line-number-inner {
     margin-right: -10px;
 }
 
 .webkit-line-content {
-    width: 100%;
     padding-left: 2px;
-    vertical-align: top;
 }
 
 .webkit-breakpoint .webkit-line-number-outer {
     color: white;
     border-width: 0 14px 0px 2px;
     -webkit-border-image: url(Images/breakpointBorder.png) 0 14 0 2;
 }
 
 .webkit-breakpoint-conditional .webkit-line-number-outer {
     color: white;
@@ skipping 27 matching lines @@
 }
 
 .breakpoints-deactivated .webkit-breakpoint .webkit-line-number-outer {
     opacity: 0.5;
 }
 
 .breakpoints-deactivated .webkit-breakpoint-disabled .webkit-line-number-outer {
     opacity: 0.3;
 }
 
-.webkit-execution-line .webkit-line-content {
+.webkit-execution-line.webkit-line-content {
     background-color: rgb(171, 191, 254);
     outline: 1px solid rgb(64, 115, 244);
 }
 
-.diff-container .webkit-added-line .webkit-line-content {
+.diff-container .webkit-added-line.webkit-line-content {
     background-color: rgb(220, 255, 220);
 }
 
-.diff-container .webkit-removed-line .webkit-line-content {
+.diff-container .webkit-removed-line.webkit-line-content {
     background-color: rgb(255, 220, 220);
     text-decoration: line-through;
 }
 
-.diff-container .webkit-changed-line .webkit-line-content {
+.diff-container .webkit-changed-line.webkit-line-content {
     background-color: rgb(220, 220, 255);
 }
 
 .webkit-search-result {
     -webkit-border-radius: 4px;
     padding: 2px 2px 2px 3px;
     margin: -2px -2px -2px -3px;
     opacity: 0.8;
     -webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
     background-color: rgb(241, 234, 0);
     color: black;
 }
 
-.webkit-highlighted-line .webkit-line-content {
+.webkit-highlighted-line.webkit-line-content {
     -webkit-animation: "fadeout" 2s 0s;
 }
 
 @-webkit-keyframes fadeout {
     from {background-color: rgb(255, 255, 120); }
     to { background-color: white; }
 }
 
 /* devTools.css */
 
@@ skipping 108 matching lines @@
 }
 
 .scope-bar li:active {
     -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.0);
 }
 
 .timeline-category-statusbar-item input {
     vertical-align: middle;
 }