1 files changed, 168 insertions, 31 deletions

diff --git a/WebCore/inspector/front-end/inspector.css b/WebCore/inspector/front-end/inspector.css
index 76b31fc..581c75a 100644
--- a/WebCore/inspector/front-end/inspector.css
+++ b/WebCore/inspector/front-end/inspector.css
@@ -219,6 +219,10 @@ body.attached #search-results-matches {
     background-image: url(Images/profilesIcon.png);
 }
 
+.toolbar-item.audits .toolbar-icon {
+    background-image: url(Images/auditsIcon.png);
+}
+
 .toolbar-item.console .toolbar-icon {
     background-image: url(Images/consoleIcon.png);
 }
@@ -520,6 +524,11 @@ body.platform-windows .monospace, body.platform-windows .source-code {
     font-family: Consolas, Lucida Console, monospace;
 }
 
+body.platform-linux .monospace, body.platform-linux .source-code {
+    font-size: 11px;
+    font-family: dejavu sans mono, monospace;
+}
+
 #console-messages {
     position: absolute;
     z-index: 0;
@@ -877,6 +886,7 @@ body.platform-windows .monospace, body.platform-windows .source-code {
     right: 0;
     left: 0;
     bottom: 0;
+    overflow: auto;
 }
 
 .resource-view.headers-visible .resource-view-content {
@@ -969,7 +979,7 @@ body.platform-windows .monospace, body.platform-windows .source-code {
     position: absolute;
     top: 0;
     left: 0;
-    right: 225px;
+    right: 300px;
     bottom: 0;
 }
 
@@ -978,7 +988,7 @@ body.platform-windows .monospace, body.platform-windows .source-code {
     top: 0;
     right: 0;
     bottom: 0;
-    width: 225px;
+    width: 300px;
     background-color: rgb(245, 245, 245);
     border-left: 1px solid rgb(64%, 64%, 64%);
     cursor: default;
@@ -1323,15 +1333,6 @@ body.inactive .placard.selected {
     display: inline;
 }
 
-.section .header input[type=checkbox] {
-    height: 10px;
-    width: 10px;
-    margin-left: 0;
-    margin-top: 0;
-    margin-bottom: 0;
-    vertical-align: 2px;
-}
-
 .section .header .subtitle, .event-bar .header .subtitle {
     float: right;
     font-size: 10px;
@@ -1496,6 +1497,10 @@ body.inactive .placard.selected {
     text-decoration: none !important;
 }
 
+.editing br {
+    display: none;
+}
+
 .elements-tree-editor {
     -webkit-user-select: text;
     -webkit-user-modify: read-write-plaintext-only;
@@ -1571,6 +1576,10 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     display: block;
 }
 
+.section .properties li.disabled .enabled-button {
+    display: block;
+}
+
 .section .properties .name, .event-properties .name {
     color: rgb(136, 19, 145);
 }
@@ -1653,7 +1662,6 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
 }
 
 .pane > .title > select {
-    display: none;
     float: right;
     width: 23px;
     height: 17px;
@@ -1668,10 +1676,6 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     -webkit-appearance: none;
 }
 
-.pane.expanded:hover > .title > select {
-    display: inline-block;
-}
-
 .pane > .title > select:hover {
     background-position: -23px 0px;
 }
@@ -1716,6 +1720,21 @@ li.editing .swatch, li.editing .enabled-button,  li.editing-sub-part .delete-but
     height: 5px;
 }
 
+.sidebar-pane-subtitle {
+    float: right;
+    overflow: hidden;
+}
+
+.sidebar-pane-subtitle input, .section .header input[type=checkbox] {
+    font-size: inherit;
+    hight: 1em;
+    width: 1em;
+    margin-left: 0;
+    margin-top: 0;
+    margin-bottom: 0.25em;
+    vertical-align: bottom;
+}
+
 .metrics {
     padding: 8px;
     font-size: 10px;
@@ -2287,7 +2306,6 @@ button.show-all-nodes {
 .panel-enabler-view.welcome .instructions {
     display: inline-block;
     vertical-align: middle;
-    width: 330px;
     margin: 0;
     white-space: normal;
     line-height: 175%;
@@ -2298,7 +2316,8 @@ button.show-all-nodes {
 }
 
 .panel-enabler-view.welcome button.status-bar-item {
-    vertical-align: middle;
+    background-image: none;
+    vertical-align: top;
 }
 
 .pane button {
@@ -2410,6 +2429,15 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     content: url(Images/debuggerStepOut.png);
 }
 
+.toggle-breakpoints .glyph {
+    -webkit-mask-image: url(Images/breakpointsActivateButtonGlyph.png);
+    background-color: rgb(96, 96, 96) !important;
+}
+
+.toggle-breakpoints.toggled-on .glyph {
+    -webkit-mask-image: url(Images/breakpointsDeactivateButtonGlyph.png);
+}
+
 #scripts-debugger-status {
     position: absolute;
     line-height: 24px;
@@ -2639,7 +2667,7 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     margin-right: 3px;
 }
 
-#resources-dividers {
+.resources-dividers {
     position: absolute;
     left: 0;
     right: 0;
@@ -2648,7 +2676,7 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     z-index: -100;
 }
 
-#resources-event-dividers {
+.resources-event-dividers {
     position: absolute;
     left: 0;
     right: 0;
@@ -2658,7 +2686,11 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     pointer-events: none;
 }
 
-#resources-dividers-label-bar {
+.timeline .resources-event-dividers {
+    height: 19px;
+}
+
+.resources-dividers-label-bar {
     position: absolute;
     top: 0;
     left: 0px;
@@ -2686,24 +2718,26 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     pointer-events: auto;
 }
 
-.resources-onload-divider {
+.resources-event-divider {
     position: absolute;
     width: 2px;
     top: 0;
     bottom: 0;
     z-index: 300;
+}
+
+.resources-red-divider {
     background-color: rgba(255, 0, 0, 0.5);
 }
 
-.resources-ondomcontent-divider {
-    position: absolute;
-    width: 2px;
-    top: 0;
-    bottom: 0;
-    z-index: 300;
+.resources-blue-divider {
     background-color: rgba(0, 0, 255, 0.5);
 }
 
+.resources-orange-divider {
+    background-color: rgba(255, 178, 23, 0.5);
+}
+
 .resources-divider.last {
     background-color: transparent;
 }
@@ -2747,6 +2781,10 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     margin-right: 5px;
 }
 
+.resources-graph-label.waiting-right {
+    margin-left: 5px;
+}
+
 .resources-graph-label.before {
     color: rgba(0, 0, 0, 0.7);
     text-shadow: none;
@@ -2815,7 +2853,7 @@ button.enable-toggle-status-bar-item.toggled-on .glyph {
     display: block;
 }
 
-.resources-graph-bar.waiting {
+.resources-graph-bar.waiting, .resources-graph-bar.waiting-right {
     opacity: 0.35;
 }
 
@@ -3305,6 +3343,10 @@ body.inactive .sidebar-tree-item.selected .bubble.search-matches {
     height: 80px;
 }
 
+#timeline-overview-panel .timeline-graph-bar {
+    pointer-events: none;
+}
+
 .timeline-sidebar-background {
     top: 90px;
     bottom: 0;
@@ -3558,7 +3600,12 @@ body.inactive .sidebar-tree-item.selected .bubble.search-matches {
     min-width: 5px;
     opacity: 0.8;
     -webkit-border-image: url(Images/timelineBarGray.png) 4 4 5 4;
-    pointer-events: none;
+    z-index: 180;
+    pointer-events: visibleFill;
+}
+
+.timeline-graph-bar.with-children {
+    opacity: 0.3;
 }
 
 .timeline-graph-side.even {
@@ -3589,6 +3636,41 @@ body.inactive .sidebar-tree-item.selected .bubble.search-matches {
     background-position-y: 72px;
 }
 
+.timeline-details {
+    -webkit-user-select: text;
+}
+
+.timeline-details-row-title {
+    font-weight: bold;
+    text-align: right;
+    white-space: nowrap;
+}
+
+.timeline-details-row-data {
+    white-space: nowrap;
+}
+
+.timeline-details-title {
+    font-weight: bold;
+    white-space: nowrap;
+}
+
+.timeline-filter-status-bar-item .glyph {
+    -webkit-mask-image: url(Images/largerResourcesButtonGlyph.png);
+}
+
+.timeline-filter-status-bar-item.toggled-on .glyph {
+    background-color: rgb(66, 129, 235) !important;
+}
+
+.timeline-records-counter {
+    font-size: 11px;
+    position: relative;
+    top: 5px;
+    margin-left: 5px;
+    text-shadow: white 0 1px 0;
+}
+
 /* Profiler Style */
 
 #profile-views {
@@ -3824,7 +3906,7 @@ ol.breakpoint-list {
 }
 
 .source-frame-popover-tree {
-    border-top: 1px solid rgb(190, 190, 190);
+    border-top: 1px solid rgb(194, 194, 147);
     overflow: auto;
     position: absolute;
     top: 15px;
@@ -3832,3 +3914,58 @@ ol.breakpoint-list {
     left: 0;
     right: 0;
 }
+
+.source-frame-eval-expression {
+    border: 1px solid rgb(163, 41, 34);
+    margin: -1px;
+    background-color: rgb(255, 255, 194);
+}
+
+.styles-sidebar-separator {
+    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
+    padding: 0 5px;
+    border-top: 1px solid rgb(189, 189, 189);
+    border-bottom: 1px solid rgb(189, 189, 189);
+    color: rgb(110, 110, 110);
+    text-shadow: white 0 1px 0;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+
+.styles-selector {
+    cursor: text;
+    -webkit-user-select: text;
+}
+
+.workers-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+ 
+.workers-list > li {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    margin-left: 1em;
+    font-size: 12px;
+}
+
+a.worker-item {
+    color: rgb(33%, 33%, 33%);
+    cursor: pointer;
+    text-decoration: none;
+}
+
+a.worker-item:hover {
+    color: rgb(15%, 15%, 15%);
+}
+
+.resource-content-unavailable {
+    color: rgb(50%, 50%, 50%);
+    font-style: italic;
+    font-size: 14px;
+    text-align: center;
+    padding: 32px;
+}