Changeset 172241 in webkit


Ignore:
Timestamp:
Aug 7, 2014 1:31:41 PM (10 years ago)
Author:
timothy@apple.com
Message:

Web Inspector: Update glyphs to be more like Xcode 6
​https://bugs.webkit.org/show_bug.cgi?id=135705

Reviewed by Joseph Pecoraro.

Source/WebInspectorUI:

  • Localizations/en.lproj/localizedStrings.js: Updated.
  • UserInterface/Base/ImageUtilities.js:

(platformImagePath): Added.
(generateEmbossedImages.generateImage):
Bump the base image version. Helper function. Use isLegacyMacOS.

  • UserInterface/Base/Main.js:

(WebInspector.contentLoaded):
(WebInspector._updateDockNavigationItems):
(WebInspector._generateDisclosureTriangleImages):
Use new images and add legacy path. Remove the shadow.

  • UserInterface/Images: Updated images.
  • UserInterface/Images/Legacy: Added. Moved legacy images here.
  • UserInterface/Views/CSSStyleDeclarationSection.css:

(.style-declaration-section):
(body.mac-platform.legacy .style-declaration-section + .style-declaration-section):
(.style-declaration-section.last-in-group):
(.style-declaration-section.last-in-group + .style-declaration-section):
Use a consistent gray for borders.

  • UserInterface/Views/CSSStyleDetailsSidebarPanel.css:

(.sidebar > .panel.details.css-style > .content > .pseudo-classes):
Use a consistent gray for borders.

  • UserInterface/Views/ContentBrowser.js:

(WebInspector.ContentBrowser):
Use new images and add legacy path.

  • UserInterface/Views/ControlToolbarItem.css:

(.toolbar .item.control):
(body.mac-platform.legacy .toolbar .item.control):
(.toolbar .item.control:hover):
(body.mac-platform.legacy .toolbar .item.control:hover):
Adjust the opacity for controls.

  • UserInterface/Views/DOMTreeContentView.js:

(WebInspector.DOMTreeContentView):
Use new images and add legacy path.

  • UserInterface/Views/DataGrid.css:

(.data-grid tr.selected):
Use a consistent gray for borders.

  • UserInterface/Views/DataGrid.js:

(WebInspector.DataGrid.prototype.get _generateSortIndicatorImagesIfNeeded):
Use new images and add legacy path. Remove the shadow.

  • UserInterface/Views/DebuggerSidebarPanel.js:

(WebInspector.DebuggerSidebarPanel):
Use new images and add legacy path.

  • UserInterface/Views/DefaultDashboardView.css:

(.toolbar .dashboard.default > .item):
(body.mac-platform.legacy .toolbar .dashboard.default > .item):
(body.mac-platform.legacy .toolbar .dashboard.default > .resourcesCount > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .time > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .logs > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .resourcesSize > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .errors > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .errors.enabled > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .issues > img):
(body.mac-platform.legacy .toolbar .dashboard.default > .issues.enabled > img):
Use new images and add legacy path.

  • UserInterface/Views/DetailsSection.css:

(.details-section):
(.details-section .details-section:first-child):
(body.mac-platform.legacy .details-section > .header):
(.details-section > .content > .group):
(.details-section > .content > .group:nth-child(even) > .row.simple:first-child > *):
(body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > *):
Use a consistent gray for borders.

  • UserInterface/Views/FilterBar.css:

(body.mac-platform.legacy .filter-bar > input[type="search"]::-webkit-search-decoration):
Use new images and add legacy path.

  • UserInterface/Views/FindBanner.css:

(.find-banner):
Use a consistent gray for borders.

  • UserInterface/Views/FindBanner.js:

(WebInspector.FindBanner.prototype._generateButtonsGlyphsIfNeeded):
Add legacy path.

  • UserInterface/Views/FrameTreeElement.js:

(WebInspector.FrameTreeElement.prototype.updateStatusForMainFrame):
Use new images and add legacy path.

  • UserInterface/Views/LogContentView.js:

(WebInspector.LogContentView):
Use new images and add legacy path.

  • UserInterface/Views/Main.css:

(#split-content-browser):
Use a consistent gray for borders.

  • UserInterface/Views/NavigationSidebarPanel.css:

(.sidebar > .panel.navigation > .overflow-shadow):
(body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow):
(.sidebar > .panel.navigation > .overflow-shadow.top):
(body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow.top):
(.sidebar > .panel.navigation > .empty-content-placeholder):
(body.mac-platform.legacy .sidebar > .panel.navigation > .empty-content-placeholder):
(.navigation-sidebar-panel-content-tree-outline:focus .item.selected .disclosure-button):
(.navigation-sidebar-panel-content-tree-outline:focus .item.selected.expanded .disclosure-button):
(.navigation-sidebar-panel-content-tree-outline .item.selected):
(.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
Adjust the styles to make the selected item use white text and icons only when focused.

  • UserInterface/Views/NavigationSidebarPanel.js:

(WebInspector.NavigationSidebarPanel.prototype._updateContentOverflowShadowVisibility):
(WebInspector.NavigationSidebarPanel.prototype._generateDisclosureTrianglesIfNeeded):
Remove the shadow from the disclosure triangles. Make the overflow shadow not fade.

  • UserInterface/Views/ProbeDetailsSidebarPanel.css:

(.details-section.probe-set .options > .probe-clear-samples):
(.details-section.probe-set .options > .probe-remove):
(.details-section.probe-set .options > .probe-add):
(body.mac-platform.legacy .details-section.probe-set .options > .probe-clear-samples):
(body.mac-platform.legacy .details-section.probe-set .options > .probe-remove):
(body.mac-platform.legacy .details-section.probe-set .options > .probe-add):
Tweak size and position of icons and use legacy paths.

  • UserInterface/Views/QuickConsole.css:

(.quick-console):
Adjust padding to match filter bar height.

  • UserInterface/Views/ResourceSidebarPanel.css:

(.sidebar > .panel.navigation.resource > .search-bar):
Adjust height.

  • UserInterface/Views/RulesStyleDetailsPanel.css:

(.sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
(.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
(body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule img):
Use a consistent gray for borders. Don't bold the New Rule label.

  • UserInterface/Views/ScriptContentView.js:

(WebInspector.ScriptContentView):
Use new images and add legacy path.

  • UserInterface/Views/Sidebar.css:

(.sidebar.left):
(.sidebar.right):
Use a consistent gray for borders.

  • UserInterface/Views/TextContentView.js:

(WebInspector.TextContentView):
Use new images and add legacy path.

  • UserInterface/Views/TextResourceContentView.js:

(WebInspector.TextResourceContentView):
Use new images and add legacy path.

  • UserInterface/Views/TimelineContentView.js:

(WebInspector.TimelineContentView):
Use new images and add legacy path.

  • UserInterface/Views/TimelineDataGrid.css:

(.data-grid.timeline th):
(.data-grid.timeline th.sortable:active):
(.data-grid.timeline th.sort-descending):
Fix a regression with the gradient background showing in legacy mode.

  • UserInterface/Views/TimelineIcons.css:

(body.mac-platform.legacy .network-icon .icon):
(body.mac-platform.legacy .network-icon.large .icon):
(body.mac-platform.legacy .colors-icon .icon):
(body.mac-platform.legacy .colors-icon.large .icon):
Added legacy versions of these icons.

  • UserInterface/Views/TimelineSidebarPanel.css:

(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active):
(.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording:hover):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.forced):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording.forced):
(.sidebar > .panel.navigation.timeline > .timelines-content .close-button):
(.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item):
(body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item):
Update the styles for the recording button and close button.

  • UserInterface/Views/TimelineSidebarPanel.js:

(WebInspector.TimelineSidebarPanel.createTimelineTreeElement):
Use TreeElementStatusButton instead of a styled image.

  • UserInterface/Views/TreeElementStatusButton.css:

(.item > .status > .status-button > svg path.filled):
(body.mac-platform.legacy .item > .status > .status-button > svg path.filled):
(:focus .item.selected > .status > .status-button > svg path.filled):
(.item > .status > .status-button > svg path.stroked):
(body.mac-platform.legacy .item > .status > .status-button > svg path.stroked):
(:focus .item.selected > .status > .status-button > svg path.stroked):
(.item.selected > .status > .status-button:active):
(.item > .status > .status-button.disabled):
Updated selectors and styles to work with stroke or fill.

Source/WebKit:

  • WebKit.xcodeproj/project.pbxproj: Added new images.

Source/WebKit/mac:

  • Resources/Dock.pdf: Added.
  • Resources/DockLegacy.pdf: Copied from Source/WebKit/mac/Resources/Dock.pdf.
  • WebCoreSupport/WebInspectorClient.mm:

(-[WebInspectorWindowController window]): Use new images.

Source/WebKit2:

  • Resources/DockBottom.pdf: Added.
  • Resources/DockBottomLegacy.pdf: Copied from Source/WebKit/mac/Resources/Dock.pdf.
  • Resources/DockRight.pdf: Added.
  • Resources/DockRightLegacy.pdf: Copied from Source/WebKit2/Resources/DockRight.pdf.
  • UIProcess/mac/WebInspectorProxyMac.mm:

(WebKit::WebInspectorProxy::createInspectorWindow): Use new images.

  • WebKit2.xcodeproj/project.pbxproj: Added new images.
Location:
trunk/Source
Files:
8 added
6 deleted
90 edited
45 copied
8 moved

Legend:

Unmodified
Added
Removed

  • trunk/Source/WebInspectorUI/ChangeLog

    r172217 r172241  
     12014-08-07  Timothy Hatcher  <timothy@apple.com>
     2
     3        Web Inspector: Update glyphs to be more like Xcode 6
     4        https://bugs.webkit.org/show_bug.cgi?id=135705
     5
     6        Reviewed by Joseph Pecoraro.
     7
     8        * Localizations/en.lproj/localizedStrings.js: Updated.
     9
     10        * UserInterface/Base/ImageUtilities.js:
     11        (platformImagePath): Added.
     12        (generateEmbossedImages.generateImage):
     13        Bump the base image version. Helper function. Use isLegacyMacOS.
     14
     15        * UserInterface/Base/Main.js:
     16        (WebInspector.contentLoaded):
     17        (WebInspector._updateDockNavigationItems):
     18        (WebInspector._generateDisclosureTriangleImages):
     19        Use new images and add legacy path. Remove the shadow.
     20
     21        * UserInterface/Images: Updated images.
     22        * UserInterface/Images/Legacy: Added. Moved legacy images here.
     23
     24        * UserInterface/Views/CSSStyleDeclarationSection.css:
     25        (.style-declaration-section):
     26        (body.mac-platform.legacy .style-declaration-section + .style-declaration-section):
     27        (.style-declaration-section.last-in-group):
     28        (.style-declaration-section.last-in-group + .style-declaration-section):
     29        Use a consistent gray for borders.
     30
     31        * UserInterface/Views/CSSStyleDetailsSidebarPanel.css:
     32        (.sidebar > .panel.details.css-style > .content > .pseudo-classes):
     33        Use a consistent gray for borders.
     34
     35        * UserInterface/Views/ContentBrowser.js:
     36        (WebInspector.ContentBrowser):
     37        Use new images and add legacy path.
     38
     39        * UserInterface/Views/ControlToolbarItem.css:
     40        (.toolbar .item.control):
     41        (body.mac-platform.legacy .toolbar .item.control):
     42        (.toolbar .item.control:hover):
     43        (body.mac-platform.legacy .toolbar .item.control:hover):
     44        Adjust the opacity for controls.
     45
     46        * UserInterface/Views/DOMTreeContentView.js:
     47        (WebInspector.DOMTreeContentView):
     48        Use new images and add legacy path.
     49
     50        * UserInterface/Views/DataGrid.css:
     51        (.data-grid tr.selected):
     52        Use a consistent gray for borders.
     53
     54        * UserInterface/Views/DataGrid.js:
     55        (WebInspector.DataGrid.prototype.get _generateSortIndicatorImagesIfNeeded):
     56        Use new images and add legacy path. Remove the shadow.
     57
     58        * UserInterface/Views/DebuggerSidebarPanel.js:
     59        (WebInspector.DebuggerSidebarPanel):
     60        Use new images and add legacy path.
     61
     62        * UserInterface/Views/DefaultDashboardView.css:
     63        (.toolbar .dashboard.default > .item):
     64        (body.mac-platform.legacy .toolbar .dashboard.default > .item):
     65        (body.mac-platform.legacy .toolbar .dashboard.default > .resourcesCount > img):
     66        (body.mac-platform.legacy .toolbar .dashboard.default > .time > img):
     67        (body.mac-platform.legacy .toolbar .dashboard.default > .logs > img):
     68        (body.mac-platform.legacy .toolbar .dashboard.default > .resourcesSize > img):
     69        (body.mac-platform.legacy .toolbar .dashboard.default > .errors > img):
     70        (body.mac-platform.legacy .toolbar .dashboard.default > .errors.enabled > img):
     71        (body.mac-platform.legacy .toolbar .dashboard.default > .issues > img):
     72        (body.mac-platform.legacy .toolbar .dashboard.default > .issues.enabled > img):
     73        Use new images and add legacy path.
     74
     75        * UserInterface/Views/DetailsSection.css:
     76        (.details-section):
     77        (.details-section .details-section:first-child):
     78        (body.mac-platform.legacy .details-section > .header):
     79        (.details-section > .content > .group):
     80        (.details-section > .content > .group:nth-child(even) > .row.simple:first-child > *):
     81        (body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > *):
     82        Use a consistent gray for borders.
     83
     84        * UserInterface/Views/FilterBar.css:
     85        (body.mac-platform.legacy .filter-bar > input[type="search"]::-webkit-search-decoration):
     86        Use new images and add legacy path.
     87
     88        * UserInterface/Views/FindBanner.css:
     89        (.find-banner):
     90        Use a consistent gray for borders.
     91
     92        * UserInterface/Views/FindBanner.js:
     93        (WebInspector.FindBanner.prototype._generateButtonsGlyphsIfNeeded):
     94        Add legacy path.
     95
     96        * UserInterface/Views/FrameTreeElement.js:
     97        (WebInspector.FrameTreeElement.prototype.updateStatusForMainFrame):
     98        Use new images and add legacy path.
     99
     100        * UserInterface/Views/LogContentView.js:
     101        (WebInspector.LogContentView):
     102        Use new images and add legacy path.
     103
     104        * UserInterface/Views/Main.css:
     105        (#split-content-browser):
     106        Use a consistent gray for borders.
     107
     108        * UserInterface/Views/NavigationSidebarPanel.css:
     109        (.sidebar > .panel.navigation > .overflow-shadow):
     110        (body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow):
     111        (.sidebar > .panel.navigation > .overflow-shadow.top):
     112        (body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow.top):
     113        (.sidebar > .panel.navigation > .empty-content-placeholder):
     114        (body.mac-platform.legacy .sidebar > .panel.navigation > .empty-content-placeholder):
     115        (.navigation-sidebar-panel-content-tree-outline:focus .item.selected .disclosure-button):
     116        (.navigation-sidebar-panel-content-tree-outline:focus .item.selected.expanded .disclosure-button):
     117        (.navigation-sidebar-panel-content-tree-outline .item.selected):
     118        (.navigation-sidebar-panel-content-tree-outline:focus .item.selected):
     119        Adjust the styles to make the selected item use white text and icons only when focused.
     120
     121        * UserInterface/Views/NavigationSidebarPanel.js:
     122        (WebInspector.NavigationSidebarPanel.prototype._updateContentOverflowShadowVisibility):
     123        (WebInspector.NavigationSidebarPanel.prototype._generateDisclosureTrianglesIfNeeded):
     124        Remove the shadow from the disclosure triangles. Make the overflow shadow not fade.
     125
     126        * UserInterface/Views/ProbeDetailsSidebarPanel.css:
     127        (.details-section.probe-set .options > .probe-clear-samples):
     128        (.details-section.probe-set .options > .probe-remove):
     129        (.details-section.probe-set .options > .probe-add):
     130        (body.mac-platform.legacy .details-section.probe-set .options > .probe-clear-samples):
     131        (body.mac-platform.legacy .details-section.probe-set .options > .probe-remove):
     132        (body.mac-platform.legacy .details-section.probe-set .options > .probe-add):
     133        Tweak size and position of icons and use legacy paths.
     134
     135        * UserInterface/Views/QuickConsole.css:
     136        (.quick-console):
     137        Adjust padding to match filter bar height.
     138
     139        * UserInterface/Views/ResourceSidebarPanel.css:
     140        (.sidebar > .panel.navigation.resource > .search-bar):
     141        Adjust height.
     142
     143        * UserInterface/Views/RulesStyleDetailsPanel.css:
     144        (.sidebar > .panel.details.css-style .rules .label + .style-declaration-section):
     145        (.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section):
     146        (body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule img):
     147        Use a consistent gray for borders. Don't bold the New Rule label.
     148
     149        * UserInterface/Views/ScriptContentView.js:
     150        (WebInspector.ScriptContentView):
     151        Use new images and add legacy path.
     152
     153        * UserInterface/Views/Sidebar.css:
     154        (.sidebar.left):
     155        (.sidebar.right):
     156        Use a consistent gray for borders.
     157
     158        * UserInterface/Views/TextContentView.js:
     159        (WebInspector.TextContentView):
     160        Use new images and add legacy path.
     161
     162        * UserInterface/Views/TextResourceContentView.js:
     163        (WebInspector.TextResourceContentView):
     164        Use new images and add legacy path.
     165
     166        * UserInterface/Views/TimelineContentView.js:
     167        (WebInspector.TimelineContentView):
     168        Use new images and add legacy path.
     169
     170        * UserInterface/Views/TimelineDataGrid.css:
     171        (.data-grid.timeline th):
     172        (.data-grid.timeline th.sortable:active):
     173        (.data-grid.timeline th.sort-descending):
     174        Fix a regression with the gradient background showing in legacy mode.
     175
     176        * UserInterface/Views/TimelineIcons.css:
     177        (body.mac-platform.legacy .network-icon .icon):
     178        (body.mac-platform.legacy .network-icon.large .icon):
     179        (body.mac-platform.legacy .colors-icon .icon):
     180        (body.mac-platform.legacy .colors-icon.large .icon):
     181        Added legacy versions of these icons.
     182
     183        * UserInterface/Views/TimelineSidebarPanel.css:
     184        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
     185        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
     186        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active):
     187        (.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording):
     188        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph):
     189        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording):
     190        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover):
     191        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording:hover):
     192        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.forced):
     193        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording.forced):
     194        (.sidebar > .panel.navigation.timeline > .timelines-content .close-button):
     195        (.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item):
     196        (body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item):
     197        Update the styles for the recording button and close button.
     198
     199        * UserInterface/Views/TimelineSidebarPanel.js:
     200        (WebInspector.TimelineSidebarPanel.createTimelineTreeElement):
     201        Use TreeElementStatusButton instead of a styled image.
     202
     203        * UserInterface/Views/TreeElementStatusButton.css:
     204        (.item > .status > .status-button > svg path.filled):
     205        (body.mac-platform.legacy .item > .status > .status-button > svg path.filled):
     206        (:focus .item.selected > .status > .status-button > svg path.filled):
     207        (.item > .status > .status-button > svg path.stroked):
     208        (body.mac-platform.legacy .item > .status > .status-button > svg path.stroked):
     209        (:focus .item.selected > .status > .status-button > svg path.stroked):
     210        (.item.selected > .status > .status-button:active):
     211        (.item > .status > .status-button.disabled):
     212        Updated selectors and styles to work with stroke or fill.
     213
    12142014-08-07  Brian J. Burg  <burg@cs.washington.edu>
    2215

  • trunk/Source/WebInspectorUI/Localizations/en.lproj/localizedStrings.js

    r172094 r172241  
    9191localizedStrings["Clickable"] = "Clickable";
    9292localizedStrings["Close"] = "Close";
     93localizedStrings["Close %s timeline view"] = "Close %s timeline view";
    9394localizedStrings["Closure Variables"] = "Closure Variables";
    9495localizedStrings["Code"] = "Code";

  • trunk/Source/WebInspectorUI/UserInterface/Base/ImageUtilities.js

    r171312 r172241  
    2929// Use as a default where an image version is not otherwise specified.
    3030// Bump the base version when making changes that affect the result image.
    31 const baseDefaultImageVersion = 3;
     31const baseDefaultImageVersion = 4;
    3232const defaultImageVersion = baseDefaultImageVersion + 0.01 * WebInspector.Platform.version.base + 0.0001 * WebInspector.Platform.version.release;
    3333
    … …  
    110110        });
    111111    }, _logSQLTransactionError);
     112}
     113
     114function platformImagePath(fileName)
     115{
     116    if (WebInspector.Platform.isLegacyMacOS)
     117        return "Images/Legacy/" + fileName;
     118    return "Images/" + fileName;
    112119}
    113120
    … …  
    630637        }
    631638
    632         if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.base === 10 && WebInspector.Platform.version.release < 10)
     639        if (WebInspector.Platform.isLegacyMacOS)
    633640            generateLegacyImage();
    634641        else

  • trunk/Source/WebInspectorUI/UserInterface/Base/Main.js

    r172094 r172241  
    245245    this._undoKeyboardShortcut.implicitlyPreventsDefault = this._redoKeyboardShortcut.implicitlyPreventsDefault = false;
    246246
    247     this.undockButtonNavigationItem = new WebInspector.ToggleControlToolbarItem("undock", WebInspector.UIString("Detach into separate window"), "", "Images/Undock.svg", "", 16, 14);
     247    this.undockButtonNavigationItem = new WebInspector.ToggleControlToolbarItem("undock", WebInspector.UIString("Detach into separate window"), "", platformImagePath("Undock.svg"), "", 16, 14);
    248248    this.undockButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._undock, this);
    249249
    250     this.closeButtonNavigationItem = new WebInspector.ControlToolbarItem("dock-close", WebInspector.UIString("Close"), "Images/Close.svg", 16, 14);
     250    this.closeButtonNavigationItem = new WebInspector.ControlToolbarItem("dock-close", WebInspector.UIString("Close"), platformImagePath("Close.svg"), 16, 14);
    251251    this.closeButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this.close, this);
    252252
    … …  
    866866
    867867    if (docked) {
    868         this.undockButtonNavigationItem.alternateImage = this._dockSide === "bottom" ? "Images/DockRight.svg" : "Images/DockBottom.svg";
     868        this.undockButtonNavigationItem.alternateImage = this._dockSide === "bottom" ? platformImagePath("DockRight.svg") : platformImagePath("DockBottom.svg");
    869869        this.undockButtonNavigationItem.alternateToolTip = this._dockSide === "bottom" ? WebInspector.UIString("Dock to right of window") : WebInspector.UIString("Dock to bottom of window");
    870870    }
    … …  
    14351435{
    14361436    var specifications = {};
    1437     specifications["normal"] = {fillColor: [0, 0, 0, 0.5]};
    1438     specifications["normal-active"] = {fillColor: [0, 0, 0, 0.7]};
     1437    specifications["normal"] = {fillColor: [140, 140, 140, 1]};
     1438    specifications["normal-active"] = {fillColor: [128, 128, 128, 1]};
    14391439
    14401440    generateColoredImagesForCSS("Images/DisclosureTriangleSmallOpen.svg", specifications, 13, 13, "disclosure-triangle-small-open-");
    14411441    generateColoredImagesForCSS("Images/DisclosureTriangleSmallClosed.svg", specifications, 13, 13, "disclosure-triangle-small-closed-");
    14421442
    1443     specifications["selected"] = {fillColor: [255, 255, 255, 0.8]};
     1443    specifications["selected"] = {fillColor: [255, 255, 255, 1]};
    14441444
    14451445    generateColoredImagesForCSS("Images/DisclosureTriangleTinyOpen.svg", specifications, 8, 8, "disclosure-triangle-tiny-open-");

  • trunk/Source/WebInspectorUI/UserInterface/Images/BackArrow.svg

    r171134 r172241  
    22<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16">
    4     <path d="M 3.20540064 7.75983283 L 9.3448 1.6244 L 7.7388 0.0174 L -0.0002 7.7514 L 0.0091993759 7.76080523 L 0.0018 7.7682 L 7.7358 15.5072 L 9.3428 13.9012 L 3.20540064 7.75983283 Z"></path>
     4    <path d="M 3.20540064 7.75983283 L 9.3448 1.6244 L 7.7388 0.0174 L -0.0002 7.7514 L 0.0091993759 7.76080523 L 0.0018 7.7682 L 7.7358 15.5072 L 9.3428 13.9012 L 3.20540064 7.75983283 Z"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Breakpoints.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 2 12 L 2 4 L 10.988281 4 L 15 8 L 10.988281 12 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <clipPath id="1">
     5        <path d="M 0 3 L 0 12 L 10.5 12 L 15 7.5 L 10.5 3 L 0 3 L 0 3 Z"/>
     6    </clipPath>
     7    <path fill="none" stroke="black" stroke-width="2" clip-path="url(#1)" d="M 0 3 L 0 12 L 10.5 12 L 15 7.5 L 10.5 3 L 0 3 L 0 3 Z"/>
    58</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Close.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
    4     <path d="M 12.949219 10.535156 L 11.535156 11.949219 L 8 8.414062 L 4.464844 11.949219 L 3.050781 10.535156 L 6.585938 7 L 3.050781 3.464844 L 4.464844 2.050781 L 8 5.585938 L 11.535156 2.050781 L 12.949219 3.464844 L 9.414062 7 Z"/>
     4    <path fill="none" stroke="black" stroke-linecap="square" d="M 3.5 4.5 L 10.5 11.5 M 3.5 11.5 L 10.5 4.5"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/CloseWhite.svg

    r157727 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
    4     <path d="M 12.949219 10.535156 L 11.535156 11.949219 L 8 8.414062 L 4.464844 11.949219 L 3.050781 10.535156 L 6.585938 7 L 3.050781 3.464844 L 4.464844 2.050781 L 8 5.585938 L 11.535156 2.050781 L 12.949219 3.464844 L 9.414062 7 Z" fill="white"/>
     4    <path fill="none" stroke="white" stroke-linecap="square" d="M 3.5 4.5 L 10.5 11.5 M 3.5 11.5 L 10.5 4.5"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/DockBottom.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
    4     <path d="M 4.007812 1 L 11.992188 1 C 13.097656 1 14 1.898438 14 3.007812 L 14 10.992188 C 14 12.097656 13.101562 13 11.992188 13 L 4.007812 13 C 2.902344 13 2 12.101562 2 10.992188 L 2 3.007812 C 2 1.902344 2.898438 1 4.007812 1 Z M 4.996094 7 C 4.445312 7 4 7.441406 4 8.007812 L 4 9.992188 C 4 10.546875 4.453125 11 4.996094 11 L 11.003906 11 C 11.554688 11 12 10.558594 12 9.992188 L 12 8.007812 C 12 7.453125 11.546875 7 11.003906 7 Z"/>
     4    <rect fill="none" stroke="black" x="1.5" y="2.5" width="10" height="10" rx="1"/>
     5    <rect fill="black" x="3" y="8" width="7" height="3"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/DockRight.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
    4     <path d="M 4.007812 1 L 11.992188 1 C 13.097656 1 14 1.898438 14 3.007812 L 14 10.992188 C 14 12.097656 13.101562 13 11.992188 13 L 4.007812 13 C 2.902344 13 2 12.101562 2 10.992188 L 2 3.007812 C 2 1.902344 2.898438 1 4.007812 1 Z M 9.007812 3 C 8.453125 3 8 3.453125 8 3.996094 L 8 10.003906 C 8 10.554688 8.441406 11 9.007812 11 L 10.992188 11 C 11.546875 11 12 10.546875 12 10.003906 L 12 3.996094 C 12 3.445312 11.558594 3 10.992188 3 Z"/>
     4    <rect fill="none" stroke="black" x="1.5" y="2.5" width="10" height="10" rx="1"/>
     5    <rect fill="black" x="7" y="4" width="3" height="7"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/DownloadArrow.svg

    r154828 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 8.5 14 L 3.5 8 L 7 8 L 7 2 L 10 2 L 10 8 L 13.5 8 Z M 8.5 14"/>
     4    <clipPath id="1">
     5        <path d="M 7.5 15 C 11.08985 15 14 12.089851 14 8.5 C 14 4.91015 11.08985 2 7.5 2 C 3.910149 2 1 4.91015 1 8.5 C 1 12.089851 3.910149 15 7.5 15 L 7.5 15 Z"/>
     6    </clipPath>
     7    <g clip-path="url(#1)" fill="none" stroke-linecap="square" stroke="black">
     8        <path class="stroked" stroke-width="2" d="M 7.5 15 C 11.08985 15 14 12.08985 14 8.5 C 14 4.910149 11.08985 2 7.5 2 C 3.910149 2 1 4.910149 1 8.5 C 1 12.08985 3.910149 15 7.5 15 L 7.5 15 Z"/>
     9        <path class="stroked" d="M 10.5 8.5 L 7.5 11.5"/>
     10        <path class="stroked" d="M 4.5 8.5 L 7.5 11.5"/>
     11        <path class="stroked" d="M 7.5 3 L 7.5 10.5"/>
     12    </g>
    513</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Errors.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 8 9.848 c -0.666 0 -1.206 0.54 -1.206 1.205 c 0 0.666 0.54 1.205 1.206 1.205 s 1.204 -0.539 1.204 -1.205 C 9.204 10.388 8.666 9.848 8 9.848 z M 8.875 4.489 c 0 -0.483 -0.392 -0.875 -0.875 -0.875 S 7.125 4.005 7.125 4.489 v 3.5 c 0 0.483 0.392 0.875 0.875 0.875 s 0.875 -0.392 0.875 -0.875 V 4.489 z M 13.984 10.516 l -3.516 3.499 l -4.962 -0.012 l -3.5 -3.517 L 2.02 5.524 l 3.517 -3.5 l 4.962 0.012 l 3.499 3.517 L 13.984 10.516 z"/>
     4    <path fill="none" stroke="black" d="M 11 2.5 L 14.5 6 L 14.5 11 L 11 14.5 L 6 14.5 L 2.5 11 L 2.5 6 L 6 2.5 L 11 2.5 Z "/>
     5    <path fill="none" stroke="black" stroke-linecap="square" d="M 8.5 5.5 L 8.5 9.5"/>
     6    <rect fill="black" x="8" y="11" width="1" height="1"/>
    57</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/ErrorsEnabled.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path fill="rgb(201, 55, 57)" d="M 8 9.848 c -0.666 0 -1.206 0.54 -1.206 1.205 c 0 0.666 0.54 1.205 1.206 1.205 s 1.204 -0.539 1.204 -1.205 C 9.204 10.388 8.666 9.848 8 9.848 z M 8.875 4.489 c 0 -0.483 -0.392 -0.875 -0.875 -0.875 S 7.125 4.005 7.125 4.489 v 3.5 c 0 0.483 0.392 0.875 0.875 0.875 s 0.875 -0.392 0.875 -0.875 V 4.489 z M 13.984 10.516 l -3.516 3.499 l -4.962 -0.012 l -3.5 -3.517 L 2.02 5.524 l 3.517 -3.5 l 4.962 0.012 l 3.499 3.517 L 13.984 10.516 z"/>
     4    <path fill="none" stroke="rgb(201, 55, 57)" d="M 11 2.5 L 14.5 6 L 14.5 11 L 11 14.5 L 6 14.5 L 2.5 11 L 2.5 6 L 6 2.5 L 11 2.5 Z "/>
     5    <path fill="none" stroke="rgb(201, 55, 57)" stroke-linecap="square" d="M 8.5 5.5 L 8.5 9.5"/>
     6    <rect fill="rgb(201, 55, 57)" x="8" y="11" width="1" height="1"/>
    57</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/FilterFieldGlyph.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
    4     <path fill="rgb(134, 134, 134)" d="M 6.5 12 C 3.460938 12 1 9.539062 1 6.5 C 1 3.460938 3.460938 1 6.5 1 C 9.539062 1 12 3.460938 12 6.5 C 12 9.539062 9.539062 12 6.5 12 Z M 2.449219 6.53125 C 2.449219 8.769531 4.261719 10.582031 6.5 10.582031 C 8.738281 10.582031 10.550781 8.769531 10.550781 6.53125 Z"/>
     4    <path fill="rgb(146, 146, 146)" fill-rule="evenodd" d="M 9.964556 7 C 9.987914 6.836699 10 6.669761 10 6.5 C 10 4.567003 8.432997 3 6.5 3 C 4.567003 3 3 4.567003 3 6.5 C 3 6.669761 3.012086 6.836699 3.035444 7 L 9.964556 7 L 9.964556 7 Z M 6.5 13 C 10.08985 13 13 10.089851 13 6.5 C 13 2.91015 10.08985 0 6.5 0 C 2.910149 0 0 2.91015 0 6.5 C 0 10.089851 2.910149 13 6.5 13 L 6.5 13 Z M 6.5 12 C 9.537566 12 12 9.537566 12 6.5 C 12 3.462434 9.537566 1 6.5 1 C 3.462434 1 1 3.462434 1 6.5 C 1 9.537566 3.462434 12 6.5 12 L 6.5 12 Z"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/ForwardArrow.svg

    r171134 r172241  
    22<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 16">
    4     <path d="M 6.13924933 7.75978283 L 0.0018 13.9012 L 1.6088 15.5072 L 9.3428 7.7682 L 9.33545066 7.76085523 L 9.3449 7.7514 L 1.6059 0.0174 L -0.0001 1.6244 L 6.13924933 7.75978283 Z"></path>
     4    <path d="M 6.13924933 7.75978283 L 0.0018 13.9012 L 1.6088 15.5072 L 9.3428 7.7682 L 9.33545066 7.76085523 L 9.3449 7.7514 L 1.6059 0.0174 L -0.0001 1.6244 L 6.13924933 7.75978283 Z"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Issues.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 8 10.335 c -0.703 0 -1.272 0.57 -1.272 1.274 c 0 0.702 0.57 1.271 1.272 1.271 c 0.702 0 1.272 -0.569 1.272 -1.271 C 9.272 10.905 8.702 10.335 8 10.335 z M 8.909 4.708 C 8.909 4.206 8.501 3.8 8 3.8 S 7.091 4.206 7.091 4.708 v 3.633 c 0 0.501 0.408 0.909 0.909 0.909 s 0.909 -0.408 0.909 -0.909 V 4.708 z M 14.142 13.278 c -0.349 0.507 -1.068 0.68 -1.541 0.68 c -0.298 0 -8.912 0 -9.201 0 c -0.474 0 -1.193 -0.173 -1.541 -0.68 c -0.329 -0.477 -0.148 -1.309 0.105 -1.76 c 1.416 -2.53 2.793 -5.417 4.797 -9.186 C 7.411 1.112 8.686 1.201 9.27 2.315 c 1.398 2.674 3.351 6.673 4.767 9.203 C 14.289 11.97 14.47 12.802 14.142 13.278 z"/>
     4    <path fill="none" stroke="black" stroke-linejoin="bevel" d="M 8.5 1.5 L 14.5 13.5 L 2.5 13.5 Z"/>
     5    <path fill="none" stroke="black" stroke-linecap="square" d="M 8.5 5.5 L 8.5 9.5"/>
     6    <rect fill="black" x="8" y="11" width="1" height="1"/>
    57</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/IssuesEnabled.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path fill="rgb(224, 164, 4)" d="M 8 10.335 c -0.703 0 -1.272 0.57 -1.272 1.274 c 0 0.702 0.57 1.271 1.272 1.271 c 0.702 0 1.272 -0.569 1.272 -1.271 C 9.272 10.905 8.702 10.335 8 10.335 z M 8.909 4.708 C 8.909 4.206 8.501 3.8 8 3.8 S 7.091 4.206 7.091 4.708 v 3.633 c 0 0.501 0.408 0.909 0.909 0.909 s 0.909 -0.408 0.909 -0.909 V 4.708 z M 14.142 13.278 c -0.349 0.507 -1.068 0.68 -1.541 0.68 c -0.298 0 -8.912 0 -9.201 0 c -0.474 0 -1.193 -0.173 -1.541 -0.68 c -0.329 -0.477 -0.148 -1.309 0.105 -1.76 c 1.416 -2.53 2.793 -5.417 4.797 -9.186 C 7.411 1.112 8.686 1.201 9.27 2.315 c 1.398 2.674 3.351 6.673 4.767 9.203 C 14.289 11.97 14.47 12.802 14.142 13.278 z"/>
     4    <path fill="none" stroke="rgb(224, 164, 4)" stroke-linejoin="bevel" d="M 8.5 1.5 L 14.5 13.5 L 2.5 13.5 Z"/>
     5    <path fill="none" stroke="rgb(224, 164, 4)" stroke-linecap="square" d="M 8.5 5.5 L 8.5 9.5"/>
     6    <rect fill="rgb(224, 164, 4)" x="8" y="11" width="1" height="1"/>
    57</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/LayerBorders.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path fill-opacity="0.45" stroke="black" stroke-width="1" d="M 9 0 L 3 0 L 0 3 L 12 3 Z" transform="matrix(1, 0, 0, 1, 2, 3.5)"/>
    5     <path d="M 3.5 8 L 2 10 L 14 10 L 12.5 8 Z"/>
    6     <path d="M 4.25 11 L 3 13 L 13 13 L 11.75 11 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
     4    <rect x="0.5" y="0.5" width="5" height="5" fill="none" stroke="black"/>
     5    <rect x="0.5" y="7.5" width="5" height="5" fill="none" stroke="black"/>
     6    <rect x="7.5" y="0.5" width="5" height="5" fill="none" stroke="black"/>
     7    <rect x="7.5" y="7.5" width="5" height="5" fill="none" stroke="black"/>
    78</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/DownloadArrow.svg

    r172238 r172241  
    22<!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 8.5 14 L 3.5 8 L 7 8 L 7 2 L 10 2 L 10 8 L 13.5 8 Z M 8.5 14"/>
     4    <path class="filled" d="M 8.5 14 L 3.5 8 L 7 8 L 7 2 L 10 2 L 10 8 L 13.5 8 Z M 8.5 14"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/Recording.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/Recording@2x.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/RecordingHovered.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/RecordingHovered@2x.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/RecordingStopped.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Legacy/RecordingStopped@2x.png

    • Property svn:mime-type set to image/png

  • trunk/Source/WebInspectorUI/UserInterface/Images/Logs.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 10.999 2 h -6 c -1.649 0 -3 1.35 -3 3 v 5 c 0 1.65 1.351 3 3 3 v 3 l 3 -3 h 3 c 1.649 0 3 -1.35 3 -3 V 5 C 13.999 3.35 12.648 2 10.999 2 M 10.999 10 h -6 V 9 h 6 V 10 z M 10.999 8 h -6 V 7 h 6 V 8 z M 10.999 6 h -6 V 5 h 6 V 6 z"/>
     4  <path fill="none" stroke="black" d="M 4.5 2.5 C 3 2.5 2.5 3 2.5 4.5 L 2.5 10.5 C 2.5 12 3 12.5 4.5 12.5 L 5.5 12.5 L 5.5 15.5 L 9 12.5 L 12 12.5 L 12 12.5 C 13 12.5 13.5 12 13.5 10.5 L 13.5 4.5 C 13.5 3 12 2.5 11.5 2.5 L 4.5 2.5 4"/>
     5  <path fille="none" stroke="black" stroke-linecap="square" d="M 5.5 5.5 L 10.5 5.5"/>
     6  <path fille="none" stroke="black" stroke-linecap="square" d="M 5.5 7.5 L 10.5 7.5"/>
     7  <path fille="none" stroke="black" stroke-linecap="square" d="M 5.5 9.5 L 10.5 9.5"/>
    58</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/NavigationItemCurleyBraces.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 5.410156 3.832031 C 5.289062 3.957031 5.226562 4.203125 5.21875 4.566406 C 5.191406 5.570312 5.160156 6.046875 5.121094 6.347656 C 5.078125 6.648438 4.988281 6.9375 4.839844 7.210938 C 4.695312 7.488281 4.421875 7.75 4.023438 8 C 4.402344 8.226562 4.675781 8.496094 4.847656 8.8125 C 5.019531 9.128906 5.121094 9.578125 5.148438 10.171875 L 5.242188 11.820312 C 5.28125 11.996094 5.375 12.128906 5.515625 12.21875 C 5.660156 12.308594 6.25 12.355469 6.765625 12.355469 L 6.765625 14.042969 L 6.4375 14.042969 C 5.757812 14.042969 4.800781 13.964844 4.429688 13.8125 C 4.0625 13.660156 3.796875 13.410156 3.628906 13.0625 C 3.464844 12.714844 3.382812 12.152344 3.382812 11.375 C 3.382812 10.523438 3.351562 9.976562 3.292969 9.738281 C 3.234375 9.496094 3.121094 9.277344 2.949219 9.078125 C 2.78125 8.878906 2.480469 8.878906 2.011719 8.863281 L 2.011719 7.140625 C 2.472656 7.136719 2.800781 7.109375 3.035156 6.84375 C 3.265625 6.574219 3.382812 5.976562 3.382812 5.046875 C 3.382812 4.339844 3.410156 3.8125 3.460938 3.472656 C 3.515625 3.132812 3.644531 2.84375 3.847656 2.613281 C 4.050781 2.382812 4.3125 2.21875 4.632812 2.117188 C 4.953125 2.011719 5.847656 1.960938 6.4375 1.960938 L 6.773438 1.960938 L 6.773438 3.644531 C 6.15625 3.644531 5.53125 3.707031 5.410156 3.832031 Z M 13.050781 9.078125 C 12.878906 9.277344 12.765625 9.496094 12.707031 9.738281 C 12.648438 9.976562 12.617188 10.523438 12.617188 11.375 C 12.617188 12.152344 12.535156 12.714844 12.371094 13.0625 C 12.203125 13.410156 11.9375 13.660156 11.570312 13.8125 C 11.199219 13.964844 10.242188 14.042969 9.5625 14.042969 L 9.234375 14.042969 L 9.234375 12.355469 C 9.75 12.355469 10.339844 12.308594 10.484375 12.21875 C 10.625 12.128906 10.71875 11.996094 10.757812 11.820312 L 10.851562 10.171875 C 10.878906 9.578125 10.980469 9.128906 11.152344 8.8125 C 11.324219 8.496094 11.597656 8.226562 11.976562 8 C 11.578125 7.75 11.304688 7.488281 11.160156 7.210938 C 11.011719 6.9375 10.921875 6.648438 10.878906 6.347656 C 10.839844 6.046875 10.808594 5.570312 10.78125 4.566406 C 10.773438 4.203125 10.710938 3.957031 10.589844 3.832031 C 10.46875 3.707031 9.84375 3.644531 9.226562 3.644531 L 9.226562 1.960938 L 9.5625 1.960938 C 10.152344 1.960938 11.046875 2.011719 11.367188 2.117188 C 11.6875 2.21875 11.949219 2.382812 12.152344 2.613281 C 12.355469 2.84375 12.484375 3.132812 12.539062 3.472656 C 12.589844 3.8125 12.617188 4.339844 12.617188 5.046875 C 12.617188 5.976562 12.734375 6.574219 12.964844 6.84375 C 13.199219 7.109375 13.527344 7.136719 13.988281 7.140625 L 13.988281 8.863281 C 13.519531 8.878906 13.21875 8.878906 13.050781 9.078125 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
     4    <path d="M 5 0.5 L 2.5 1 L 2.5 5 L 1.5 6.5 L 2.5 8 L 2.5 12 L 5 12.5" fill="none" stroke="black" stroke-linecap="square"/>
     5    <path d="M 8 0.5 L 10.5 1 L 10.5 5 L 11.5 6.5 L 10.5 8 L 10.5 12 L 8 12.5" fill="none" stroke="black" stroke-linecap="square"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/NavigationItemTrash.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 9.988281 10 L 9.988281 6.007812 L 8.613281 6.015625 L 8.621094 10 Z M 7.335938 6.007812 L 6 6.007812 L 6 10 L 7.335938 10 Z M 11.007812 10.105469 C 11.007812 10.105469 11.03125 11.007812 10.1875 11.007812 L 5.804688 11.007812 C 5.035156 11.007812 4.984375 10.105469 4.984375 10.105469 L 4.984375 5 L 11.007812 5 Z M 14 3 L 2 3 L 2 5 L 3.003906 5 L 3 11.320312 C 3 11.320312 3.003906 12.996094 4.546875 12.996094 L 11.457031 12.996094 C 11.457031 12.996094 13 13.117188 13 11.414062 C 13 9.746094 12.996094 5.175781 12.996094 5 L 14 5 Z M 6.867188 2.007812 L 9.183594 2.007812 C 9.757812 2.007812 9.90625 2.789062 10 2.996094 L 11 2.996094 C 10.953125 2.617188 10.792969 1 9.183594 1 C 8.425781 1 8.355469 1.003906 8.511719 1.007812 L 9.214844 1.019531 C 9.214844 1.019531 8.699219 1.011719 8.511719 1.007812 L 7.988281 1 L 6.867188 1 C 5.21875 1 5.039062 2.617188 5 2.996094 L 6 2.996094 C 6.097656 2.789062 6.292969 2.007812 6.867188 2.007812"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <clipPath id="1">
     5        <path d="M 1 2 L 1 3 L 2 3 L 3 15 L 12 15 L 13 3 L 14 3 L 14 2 L 1 2 L 1 2 Z"/>
     6    </clipPath>
     7    <path fill="none" stroke="black" stroke-width="2" clip-path="url(#1)" d="M 1 2 L 1 3 L 2 3 L 3 15 L 12 15 L 13 3 L 14 3 L 14 2 L 1 2 L 1 2 Z"/>
     8    <rect x="5.5" y="0.5" width="4" height="2" fill="none" stroke="black"/>
     9    <path d="M 5.5 4 L 5.5 13" stroke="black"/>
     10    <path d="M 7.5 4 L 7.5 13" stroke="black"/>
     11    <path d="M 9.5 4 L 9.5 13" stroke="black"/>
    512</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Pause.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 7 12 L 4 12 L 4 4 L 7 4 Z"/>
    5     <path d="M 12 12 L 9 12 L 9 4 L 12 4 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <rect fill="none" stroke="black" x="2.5" y="1.5" width="3" height="12"/>
     5    <rect fill="none" stroke="black" x="9.5" y="1.5" width="3" height="12"/>
    66</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Plus.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
    4     <path fill="white" d="M 5 2 L 8 2 L 8 6 L 12 6 L 12 9 L 8 9 L 8 13 L 5 13 L 5 9 L 1 9 L 1 6 L 5 6 Z"/>
    5     <path d="M 5 1 L 8 1 L 8 5 L 12 5 L 12 8 L 8 8 L 8 12 L 5 12 L 5 8 L 1 8 L 1 5 L 5 5 Z"/>
     4    <path class="stroked" fill="none" stroke="black" stroke-linecap="square" d="M 6.5 1.5 L 6.5 11.5 M 1.5 6.5 L 11.5 6.5"/>
    65</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Record.svg

    r172238 r172241  
    22<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
    4     <circle cx="6.5" cy="6.5" r="4"/>
     4    <circle fill="red" cx="6.5" cy="6.5" r="6"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Reload.svg

    r154777 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 11.3333594 8.19978872 C 11.3373138 8.13355217 11.3392924 8.06721247 11.3392924 8.00085802 L 13.5 8.00085802 C 13.5 8.11015036 13.4967412 8.21941842 13.4902278 8.32851658 C 13.3092357 11.3601207 10.7044904 13.671017 7.67237326 13.4900575 C 4.64025461 13.309098 2.32895216 10.7048051 2.50994432 7.67319946 C 2.6855607 4.73163777 5.14309162 2.46860779 8 2.50032937 L 8 0.3 L 11.0969295 2.13000381 L 13.5 3.55 L 8 6.8 L 8 4.66165014 C 6.25756644 4.65173653 4.94768721 5.89954424 4.84179688 7.67319965 C 4.731911 9.51378018 5.96019866 11.2236643 7.80111758 11.333532 C 9.64203807 11.4433997 11.2234734 10.0403708 11.3333594 8.19978872 Z M 11.3333594 8.19978872"/>
     4    <path class="filled" d="M 12.007 8.01 L 12.007 8.488 L 12 8.488 C 12 10.974 9.985 12.988 7.5 12.988 C 5.015 12.988 3 10.974 3 8.488 C 3 6.17 4.759 4.284 7.012 4.037 L 7.012 6.549 L 11.519 3.775 L 7.012 1 L 7.012 3.013 C 4.203 3.26 2 5.615 2 8.488 C 2 11.526 4.462 13.988 7.5 13.988 C 10.509 13.988 12.95 11.571 12.996 8.572 L 13 8.572 L 13 8.01 L 12.007 8.01 Z"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Resources.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 9.518 2 H 3 v 12 h 10 V 5 L 9.518 2 z M 11.002 12 H 5 V 4 h 3.517 l 2.485 2.455 V 12 z M 8 7 h 2 L 8 5 C 8 5 7.999 7 8 7"/>
     4    <path fill="none" stroke="black" d="M 3.5 2.5 L 3.5 13.5 L 12.5 13.5 L 12.5 5.5 L 9.5 2.5 L 3.5 2.5 Z "/>
     5    <path d="M 9 4 L 9 6 L 11 6 L 9 4 Z "/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Resume.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 5 12 L 3 12 L 3 4 L 5 4 Z"/>
    5     <path d="M 7 12 L 7 4 L 14.226562 8 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <clipPath id="2">
     5        <path d="M 6 13 L 6 2 L 15 7.5 L 6 13 L 6 13 Z"/>
     6    </clipPath>
     7    <path fill="none" stroke="black" stroke-width="2" clip-path="url(#2)" d="M 6 13 L 6 2 L 15 7.5 L 6 13 L 6 13 Z"/>
     8    <rect fill="none" stroke="black" x="0.5" y="2.5" width="3" height="10"/>
    69</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/ShadowDOM.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path fill="rgba(0, 0, 0, 0.5)" d="M 7.953125 13.664062 L 6.523438 14.617188 L 2.792969 8.960938 L 6.523438 3.378906 L 7.953125 4.335938 L 4.820312 8.960938 Z M 11.332031 14.617188 L 9.902344 13.664062 L 13.035156 8.960938 L 9.90625 4.335938 L 11.332031 3.378906 L 15.066406 8.960938 Z"/>
    5     <path d="M 6.097656 12.261719 L 4.667969 13.214844 L 0.933594 7.554688 L 4.667969 1.976562 L 6.09375 2.933594 L 2.964844 7.554688 Z M 9.476562 13.214844 L 8.046875 12.261719 L 11.179688 7.554688 L 8.046875 2.933594 L 9.476562 1.976562 L 13.207031 7.554688 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
     4    <path d="M 3.5 0.5 L 0.5 6.5 L 3.5 12.5" fill="none" stroke="black" stroke-linecap="square"/>
     5    <path d="M 9.5 12.5 L 12.5 6.5 L 9.5 0.5" fill="none" stroke="black" stroke-linecap="square" opacity="0.5"/>
     6    <path d="M 5.5 0.5 L 2.5 6.5 L 5.5 12.5" fill="none" stroke="black" stroke-linecap="square" opacity="0.5"/>
     7    <path d="M 7.5 12.5 L 10.5 6.5 L 7.5 0.5" fill="none" stroke="black" stroke-linecap="square"/>
    68</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorDownArrow.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8">
    4     <path d="M 1.027344 1 L 4.527344 7.46875 L 7.996094 1 Z"/>
     4    <path fill="none" stroke="black" stroke-linecap="square" d="M 1.5 2.5 L 4.5 5.5 L 7.5 2.5"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/SortIndicatorUpArrow.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 9 8">
    4     <path d="M 1.027344 7 L 4.527344 0.53125 L 7.996094 7 Z"/>
     4    <path fill="none" stroke="black" stroke-linecap="square" d="M 1.5 5.5 L 4.5 2.5 L 7.5 5.5"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/SplitToggleDown.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 2.675781 3.003906 L 7.992188 7.996094 L 13.300781 3.003906 L 12.046875 1.339844 L 7.992188 4.488281 L 3.933594 1.339844 Z M 2.675781 8.472656 L 7.992188 13.449219 L 13.300781 8.472656 L 12.046875 6.808594 L 7.992188 9.945312 L 3.96875 6.808594 Z"/>
     4    <path d="M 12 3 L 8 7 L 4 3" fill="none" stroke="black"/>
     5    <path d="M 12 9 L 8 13 L 4 9" fill="none" stroke="black"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/SplitToggleUp.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 2.675781 11.996094 L 7.992188 7.003906 L 13.300781 11.996094 L 12.046875 13.660156 L 7.992188 10.511719 L 3.933594 13.660156 Z M 2.675781 6.527344 L 7.992188 1.550781 L 13.300781 6.527344 L 12.046875 8.191406 L 7.992188 5.054688 L 3.96875 8.191406 Z"/>
     4    <path d="M 12 7 L 8 3 L 4 7" fill="none" stroke="black"/>
     5    <path d="M 12 13 L 8 9 L 4 13" fill="none" stroke="black"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/StepInto.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 9.5 6 L 9.5 2 L 6.5 2 L 6.5 6 L 4 6 L 8 10 L 12 6 Z"/>
    5     <path d="M 12 13 C 12 13.550781 11.550781 14 11 14 L 5 14 C 4.449219 14 4 13.550781 4 13 L 4 12 C 4 11.449219 4.449219 11 5 11 L 11 11 C 11.550781 11 12 11.449219 12 12 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <rect fill="none" stroke="black" x="3.5" y="10.5" width="8" height="2"/>
     5    <path fill="none" stroke="black" d="M 7.5 8.5 L 7.5 1"/>
     6    <path fill="none" stroke="black" d="M 10.5 5.5 L 7.5 8.5 L 4.5 5.5"/>
    67</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/StepOut.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 9.5 6 L 9.5 10 L 6.5 10 L 6.5 6 L 4 6 L 8 2 L 12 6 Z"/>
    5     <path d="M 12 13 C 12 13.550781 11.550781 14 11 14 L 5 14 C 4.449219 14 4 13.550781 4 13 L 4 12 C 4 11.449219 4.449219 11 5 11 L 11 11 C 11.550781 11 12 11.449219 12 12 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <rect fill="none" stroke="black" x="3.5" y="10.5" width="8" height="2"/>
     5    <path fill="none" stroke="black" d="M 7.5 9 L 7.5 2"/>
     6    <path fill="none" stroke="black" d="M 10.5 4.5 L 7.5 1.5 L 4.5 4.5"/>
    67</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/StepOver.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
    3 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 12.65625 4.960938 L 12.65625 6.933594 C 11.023438 4.941406 9.324219 3.550781 7.023438 3.816406 C 4.542969 4.105469 2.421875 6.441406 1.382812 9.125 L 2.882812 9.574219 C 3.734375 7.375 5.492188 6.292969 7.171875 6.117188 C 8.816406 5.945312 9.914062 6.71875 11.304688 8.644531 L 9.160156 8.648438 L 9.160156 10 L 14 10 L 14 4.960938 Z"/>
    5     <path d="M 12 13 C 12 13.550781 11.550781 14 11 14 L 5 14 C 4.449219 14 4 13.550781 4 13 L 4 12 C 4 11.449219 4.449219 11 5 11 L 11 11 C 11.550781 11 12 11.449219 12 12 Z"/>
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
     3<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 15 15">
     4    <clipPath id="1">
     5        <rect x="0" y="0" width="14" height="9"/>
     6    </clipPath>
     7    <clipPath id="2">
     8        <path d="M 14.5 9 L 7.5 1.5 L 0.5 9"/>
     9    </clipPath>
     10    <clipPath id="3">
     11        <path d="M 14 4.5 L 14 9 L 9.5 9"/>
     12    </clipPath>
     13    <rect fill="none" stroke="black" x="3.5" y="10.5" width="8" height="2"/>
     14    <g clip-path="url(#1)">
     15        <path fill="none" stroke="black" stroke-width="2" clip-path="url(#2)" d="M 14.5 9 L 7.5 1.5 L 0.5 9"/>
     16    </g>
     17    <path fill="none" stroke="black" stroke-width="2" clip-path="url(#3)" d="M 14 4.5 L 14 9 L 9.5 9"/>
    618</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Stop.svg

    r172238 r172241  
    22<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13">
    4     <circle cx="6.5" cy="6.5" r="4"/>
     4    <rect x="1" y="1" width="11" height="11"/>
    55</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Time.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 8 1.5 C 4.409 1.5 1.5 4.41 1.5 8 s 2.909 6.5 6.5 6.5 c 3.59 0 6.5 -2.91 6.5 -6.5 S 11.59 1.5 8 1.5 M 8 12.5 c -2.486 0 -4.5 -2.015 -4.5 -4.5 c 0 -2.485 2.014 -4.5 4.5 -4.5 c 2.485 0 4.5 2.015 4.5 4.5 C 12.499 10.485 10.484 12.5 8 12.5"/>
    5     <polygon points="8.999 7.604 8.999 4 7 4 7 8.563 9.484 10.646 10.754 9.074"/>
     4    <circle fill="none" stroke="black" cx="8.5" cy="8.5" r="6.5"/>
     5    <path fill="none" stroke="black" d="M 8.5 3.5 L 8.5 8.5 L 10.5 10.5"/>
    66</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Undock.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 14">
    4     <path d="M 3 1 L 9 1 C 10.113281 1 11 1.894531 11 3 L 11 4 L 5.992188 4 C 4.890625 4 4 4.894531 4 5.996094 L 4 9 L 3 9 C 1.886719 9 1 8.105469 1 7 L 1 3 C 1 1.886719 1.894531 1 3 1 Z"/>
    5     <path d="M 7 5 L 13 5 C 14.113281 5 15 5.894531 15 7 L 15 11 C 15 12.113281 14.105469 13 13 13 L 7 13 C 5.886719 13 5 12.105469 5 11 L 5 7 C 5 5.886719 5.894531 5 7 5 Z M 7.992188 7 C 7.445312 7 7 7.441406 7 8.007812 L 7 9.992188 C 7 10.546875 7.449219 11 7.992188 11 L 12.007812 11 C 12.554688 11 13 10.558594 13 9.992188 L 13 8.007812 C 13 7.453125 12.550781 7 12.007812 7 Z"/>
     4    <clipPath id="1">
     5        <path d="M 0 3.5 L 0 10 L 3 10 L 3 5 L 10 5 L 10 2 L 0 2 L 0 3.5 Z"/>
     6    </clipPath>
     7    <rect fill="none" stroke="black" x="4.5" y="6.5" width="9" height="7" rx="1"/>
     8    <rect fill="none" stroke="black" clip-path="url(#1)" x="0.5" y="2.5" width="9" height="7" rx="1"/>
    69</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/UpDownArrows.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 5 12">
    4     <path stroke="black" d="M 2.55 7.02976032 L 4.03977126 9.61011984 L 1.06022874 9.61011984 L 2.55 7.02976032 Z M 2.55 7.02976032" transform="translate(2.55, 8.75) rotate(-180) translate(-2.55, -8.75)"/>
    5     <path stroke="black" d="M 2.55 1.5 L 4.06554446 4.125 L 1.03445554 4.125 L 2.55 1.5 Z M 2.55 1.5"/>
     4    <path fill="none" stroke="black" stroke-linecap="square" d="M 0.5 3.5 L 2.5 1.5 L 4.5 3.5"/>
     5    <path fill="none" stroke="black" stroke-linecap="square" d="M 0.5 8.5 L 2.5 10.5 L 4.5 8.5"/>
    66</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Images/Weight.svg

    r153761 r172241  
    11<?xml version="1.0" encoding="utf-8"?>
    2 <!-- Copyright © 2013 Apple Inc. All rights reserved. -->
     2<!-- Copyright © 2014 Apple Inc. All rights reserved. -->
    33<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
    4     <path d="M 14 14 L 2 14 L 4 5 L 5.55000905 5 C 5.51721456 4.83843954 5.5 4.67123011 5.5 4.5 C 5.5 3.11928806 6.61928806 2 8 2 C 9.38071194 2 10.5 3.11928806 10.5 4.5 C 10.5 4.67123011 10.4827854 4.83843954 10.4499909 5 L 12 5 Z M 5.42102596 7.00000003 L 4.50620499 12.0000001 L 11.5142954 12.0000001 L 10.6140088 7.00000003 Z M 8 5.5 C 8.55228478 5.5 9 5.05228478 9 4.5 C 9 3.94771522 8.55228478 3.5 8 3.5 C 7.44771522 3.5 7 3.94771522 7 4.5 C 7 5.05228478 7.44771522 5.5 8 5.5 Z M 8 5.5"/>
     4    <path fill="none" stroke="black" d="M 2.5 13.5 L 4.5 4.5 L 11.5 4.5 L 13.5 13.5 L 2.5 13.5 Z"/>
     5    <rect fill="none" stroke="black" x="6.5" y="2.5" width="3" height="2" rx="1"/>
    56</svg>

  • trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDeclarationSection.css

    r171134 r172241  
    3131
    3232    background-color: white;
    33     border-bottom: 1px solid rgb(210, 210, 210);
     33    border-bottom: 1px solid rgb(179, 179, 179);
    3434}
    3535
    … …  
    3939
    4040body.mac-platform.legacy .style-declaration-section + .style-declaration-section {
    41     border-top: 1px solid rgb(210, 210, 210);
     41    border-top: 1px solid rgb(179, 179, 179);
    4242}
    4343
    … …  
    4545    margin-bottom: 15px;
    4646
    47     border-bottom: 1px solid rgb(210, 210, 210);
     47    border-bottom: 1px solid rgb(179, 179, 179);
    4848}
    4949
    … …  
    5555    margin-top: 15px;
    5656
    57     border-top: 1px solid rgb(210, 210, 210);
     57    border-top: 1px solid rgb(179, 179, 179);
    5858}
    5959

  • trunk/Source/WebInspectorUI/UserInterface/Views/CSSStyleDetailsSidebarPanel.css

    r171885 r172241  
    4949.sidebar > .panel.details.css-style > .content > .pseudo-classes {
    5050    padding: 10px;
    51     border-bottom: 1px solid rgb(153, 153, 153);
     51    border-bottom: 1px solid rgb(179, 179, 179);
    5252
    5353    display: -webkit-flex;

  • trunk/Source/WebInspectorUI/UserInterface/Views/ContentBrowser.js

    r171312 r172241  
    5151
    5252        var forwardArrow, backArrow;
    53         if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.release < 10) {
    54             forwardArrow = {src: "Images/ForwardArrowLegacy.svg", width: 9, height: 9};
    55             backArrow = {src: "Images/BackArrowLegacy.svg", width: 9, height: 9};
     53        if (WebInspector.Platform.isLegacyMacOS) {
     54            forwardArrow = {src: "Images/Legacy/ForwardArrow.svg", width: 9, height: 9};
     55            backArrow = {src: "Images/Legacy/BackArrow.svg", width: 9, height: 9};
    5656        } else {
    5757            forwardArrow = {src: "Images/ForwardArrow.svg", width: 8, height: 13};

  • trunk/Source/WebInspectorUI/UserInterface/Views/ControlToolbarItem.css

    r164543 r172241  
    3030    padding: 3px 2px;
    3131
     32    opacity: 0.7;
     33}
     34
     35body.mac-platform.legacy .toolbar .item.control {
    3236    opacity: 0.5;
    3337}
    … …  
    4347
    4448.toolbar .item.control:hover {
     49    opacity: 0.9;
     50}
     51
     52body.mac-platform.legacy .toolbar .item.control:hover {
    4553    opacity: 0.8;
    4654}

  • trunk/Source/WebInspectorUI/UserInterface/Views/DOMTreeContentView.js

    r169067 r172241  
    3030    WebInspector.ContentView.call(this, representedObject);
    3131
    32     this._compositingBordersButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("layer-borders", WebInspector.UIString("Show compositing borders"), WebInspector.UIString("Hide compositing borders"), "Images/LayerBorders.svg", 16, 16);
     32    var layerBordersImage, shadowDOMImage;
     33    if (WebInspector.Platform.isLegacyMacOS) {
     34        layerBordersImage = {src: "Images/Legacy/LayerBorders.svg", width: 16, height: 16};
     35        shadowDOMImage = {src: "Images/Legacy/ShadowDOM.svg", width: 16, height: 16};
     36    } else {
     37        layerBordersImage = {src: "Images/LayerBorders.svg", width: 13, height: 13};
     38        shadowDOMImage = {src: "Images/ShadowDOM.svg", width: 13, height: 13};
     39    }
     40
     41    this._compositingBordersButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("layer-borders", WebInspector.UIString("Show compositing borders"), WebInspector.UIString("Hide compositing borders"), layerBordersImage.src, layerBordersImage.width, layerBordersImage.height);
    3342    this._compositingBordersButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleCompositingBorders, this);
    3443    this._compositingBordersButtonNavigationItem.enabled = !!PageAgent.getCompositingBordersVisible;
    3544
    3645    WebInspector.showShadowDOMSetting.addEventListener(WebInspector.Setting.Event.Changed, this._showShadowDOMSettingChanged, this);
    37     this._showsShadowDOMButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("shows-shadow-DOM", WebInspector.UIString("Show shadow DOM nodes"), WebInspector.UIString("Hide shadow DOM nodes"), "Images/ShadowDOM.svg", 16, 16);
     46    this._showsShadowDOMButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("shows-shadow-DOM", WebInspector.UIString("Show shadow DOM nodes"), WebInspector.UIString("Hide shadow DOM nodes"), shadowDOMImage.src, shadowDOMImage.width, shadowDOMImage.height);
    3847    this._showsShadowDOMButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._toggleShowsShadowDOMSetting, this);
    3948    this._showShadowDOMSettingChanged();

  • trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.css

    r171134 r172241  
    320320
    321321.data-grid tr.selected {
    322     background-color: rgb(185, 184, 185) !important;
     322    background-color: rgb(212, 212, 212) !important;
    323323    color: inherit !important;
    324 }
    325 
    326 body.mac-platform.legacy .data-grid tr.selected {
    327     background-color: rgb(212, 212, 212) !important;
    328324}
    329325

  • trunk/Source/WebInspectorUI/UserInterface/Views/DataGrid.js

    r171710 r172241  
    10921092
    10931093        var specifications = {};
    1094         specifications["arrow"] = {
    1095             fillColor: [81, 81, 81],
    1096             shadowColor: [255, 255, 255, 0.5],
    1097             shadowOffsetX: 0,
    1098             shadowOffsetY: 1,
    1099             shadowBlur: 0
    1100         };
    1101 
    1102         generateColoredImagesForCSS("Images/SortIndicatorDownArrow.svg", specifications, 9, 8, "data-grid-sort-indicator-down-");
    1103         generateColoredImagesForCSS("Images/SortIndicatorUpArrow.svg", specifications, 9, 8, "data-grid-sort-indicator-up-");
     1094
     1095        if (WebInspector.Platform.isLegacyMacOS) {
     1096            specifications["arrow"] = {
     1097                fillColor: [81, 81, 81],
     1098                shadowColor: [255, 255, 255, 0.5],
     1099                shadowOffsetX: 0,
     1100                shadowOffsetY: 1,
     1101                shadowBlur: 0
     1102            };
     1103        } else {
     1104            specifications["arrow"] = {
     1105                fillColor: [81, 81, 81],
     1106            };
     1107        }
     1108
     1109        generateColoredImagesForCSS(platformImagePath("SortIndicatorDownArrow.svg"), specifications, 9, 8, "data-grid-sort-indicator-down-");
     1110        generateColoredImagesForCSS(platformImagePath("SortIndicatorUpArrow.svg"), specifications, 9, 8, "data-grid-sort-indicator-up-");
    11041111    },
    11051112

  • trunk/Source/WebInspectorUI/UserInterface/Views/DebuggerSidebarPanel.js

    r170497 r172241  
    5454    this.element.appendChild(this._navigationBar.element);
    5555
     56    var breakpointsImage, pauseImage, resumeImage, stepOverImage, stepIntoImage, stepOutImage;
     57    if (WebInspector.Platform.isLegacyMacOS) {
     58        breakpointsImage = {src: "Images/Legacy/Breakpoints.svg", width: 16, height: 16};
     59        pauseImage = {src: "Images/Legacy/Pause.svg", width: 16, height: 16};
     60        resumeImage = {src: "Images/Legacy/Resume.svg", width: 16, height: 16};
     61        stepOverImage = {src: "Images/Legacy/StepOver.svg", width: 16, height: 16};
     62        stepIntoImage = {src: "Images/Legacy/StepInto.svg", width: 16, height: 16};
     63        stepOutImage = {src: "Images/Legacy/StepOut.svg", width: 16, height: 16};
     64    } else {
     65        breakpointsImage = {src: "Images/Breakpoints.svg", width: 15, height: 15};
     66        pauseImage = {src: "Images/Pause.svg", width: 15, height: 15};
     67        resumeImage = {src: "Images/Resume.svg", width: 15, height: 15};
     68        stepOverImage = {src: "Images/StepOver.svg", width: 15, height: 15};
     69        stepIntoImage = {src: "Images/StepInto.svg", width: 15, height: 15};
     70        stepOutImage = {src: "Images/StepOut.svg", width: 15, height: 15};
     71    }
     72
    5673    var toolTip = WebInspector.UIString("Enable all breakpoints");
    5774    var altToolTip = WebInspector.UIString("Disable all breakpoints");
    5875
    59     this._debuggerBreakpointsButtonItem = new WebInspector.ActivateButtonNavigationItem("debugger-breakpoints", toolTip, altToolTip, "Images/Breakpoints.svg", 16, 16);
     76    this._debuggerBreakpointsButtonItem = new WebInspector.ActivateButtonNavigationItem("debugger-breakpoints", toolTip, altToolTip, breakpointsImage.src, breakpointsImage.width, breakpointsImage.height);
    6077    this._debuggerBreakpointsButtonItem.activated = WebInspector.debuggerManager.breakpointsEnabled;
    6178    this._debuggerBreakpointsButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._breakpointsToggleButtonClicked, this);
    … …  
    6582    altToolTip = WebInspector.UIString("Continue script execution (%s or %s)").format(this.pauseOrResumeKeyboardShortcut.displayName, this.pauseOrResumeAlternateKeyboardShortcut.displayName);
    6683
    67     this._debuggerPauseResumeButtonItem = new WebInspector.ToggleButtonNavigationItem("debugger-pause-resume", toolTip, altToolTip, "Images/Pause.svg", "Images/Resume.svg", 16, 16);
     84    this._debuggerPauseResumeButtonItem = new WebInspector.ToggleButtonNavigationItem("debugger-pause-resume", toolTip, altToolTip, pauseImage.src, resumeImage.src, pauseImage.width, pauseImage.height);
    6885    this._debuggerPauseResumeButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._debuggerPauseResumeButtonClicked, this);
    6986    this._navigationBar.addNavigationItem(this._debuggerPauseResumeButtonItem);
    7087
    71     this._debuggerStepOverButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-over", WebInspector.UIString("Step over (%s or %s)").format(this._stepOverKeyboardShortcut.displayName, this._stepOverAlternateKeyboardShortcut.displayName), "Images/StepOver.svg", 16, 16);
     88    this._debuggerStepOverButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-over", WebInspector.UIString("Step over (%s or %s)").format(this._stepOverKeyboardShortcut.displayName, this._stepOverAlternateKeyboardShortcut.displayName), stepOverImage.src, stepOverImage.width, stepOverImage.height);
    7289    this._debuggerStepOverButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._debuggerStepOverButtonClicked, this);
    7390    this._debuggerStepOverButtonItem.enabled = false;
    7491    this._navigationBar.addNavigationItem(this._debuggerStepOverButtonItem);
    7592
    76     this._debuggerStepIntoButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-into", WebInspector.UIString("Step into (%s or %s)").format(this._stepIntoKeyboardShortcut.displayName, this._stepIntoAlternateKeyboardShortcut.displayName), "Images/StepInto.svg", 16, 16);
     93    this._debuggerStepIntoButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-into", WebInspector.UIString("Step into (%s or %s)").format(this._stepIntoKeyboardShortcut.displayName, this._stepIntoAlternateKeyboardShortcut.displayName), stepIntoImage.src, stepIntoImage.width, stepIntoImage.height);
    7794    this._debuggerStepIntoButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._debuggerStepIntoButtonClicked, this);
    7895    this._debuggerStepIntoButtonItem.enabled = false;
    7996    this._navigationBar.addNavigationItem(this._debuggerStepIntoButtonItem);
    8097
    81     this._debuggerStepOutButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-out", WebInspector.UIString("Step out (%s or %s)").format(this._stepOutKeyboardShortcut.displayName, this._stepOutAlternateKeyboardShortcut.displayName), "Images/StepOut.svg", 16, 16);
     98    this._debuggerStepOutButtonItem = new WebInspector.ButtonNavigationItem("debugger-step-out", WebInspector.UIString("Step out (%s or %s)").format(this._stepOutKeyboardShortcut.displayName, this._stepOutAlternateKeyboardShortcut.displayName), stepOutImage.src, stepOutImage.width, stepOutImage.height);
    8299    this._debuggerStepOutButtonItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._debuggerStepOutButtonClicked, this);
    83100    this._debuggerStepOutButtonItem.enabled = false;

  • trunk/Source/WebInspectorUI/UserInterface/Views/DefaultDashboardView.css

    r165382 r172241  
    4343
    4444.toolbar .dashboard.default > .item {
    45     font-family: Helvetica, sans-serif;
    46     font-weight: bold;
    47     font-size: 11px;
    48     line-height: 12px;
     45    line-height: 13px;
    4946
    5047    padding: 0 5px;
    … …  
    5956    border-radius: 4px;
    6057    border: 1px solid transparent;
     58}
     59
     60body.mac-platform.legacy .toolbar .dashboard.default > .item {
     61    font-weight: bold;
    6162}
    6263
    … …  
    135136}
    136137
     138body.mac-platform.legacy .toolbar .dashboard.default > .resourcesCount > img {
     139    content: url(../Images/Legacy/Resources.svg);
     140}
     141
     142body.mac-platform.legacy .toolbar .dashboard.default > .time > img {
     143    content: url(../Images/Legacy/Time.svg);
     144}
     145
     146body.mac-platform.legacy .toolbar .dashboard.default > .logs > img {
     147    content: url(../Images/Legacy/Logs.svg);
     148}
     149
     150body.mac-platform.legacy .toolbar .dashboard.default > .resourcesSize > img {
     151    content: url(../Images/Legacy/Weight.svg);
     152}
     153
     154body.mac-platform.legacy .toolbar .dashboard.default > .errors > img {
     155    content: url(../Images/Legacy/Errors.svg);
     156}
     157
     158body.mac-platform.legacy .toolbar .dashboard.default > .errors.enabled > img {
     159    content: url(../Images/Legacy/ErrorsEnabled.svg);
     160}
     161
    137162.toolbar .dashboard.default > .errors.enabled:hover > img {
    138163    opacity: 1;
    … …  
    154179    content: url(../Images/IssuesEnabled.svg);
    155180    opacity: 0.9;
     181}
     182
     183body.mac-platform.legacy .toolbar .dashboard.default > .issues > img {
     184    content: url(../Images/Legacy/Issues.svg);
     185}
     186
     187body.mac-platform.legacy .toolbar .dashboard.default > .issues.enabled > img {
     188    content: url(../Images/Legacy/IssuesEnabled.svg);
    156189}
    157190

  • trunk/Source/WebInspectorUI/UserInterface/Views/DetailsSection.css

    r171134 r172241  
    2727    font-size: 10px;
    2828    background-color: rgb(242, 242, 242);
    29     border-bottom: 1px solid rgb(153, 153, 153);
     29    border-bottom: 1px solid rgb(179, 179, 179);
    3030}
    3131
    … …  
    5151
    5252.details-section .details-section:first-child {
    53     border-top: 1px solid rgb(153, 153, 153);
     53    border-top: 1px solid rgb(179, 179, 179);
    5454}
    5555
    … …  
    7676
    7777body.mac-platform.legacy .details-section > .header {
    78     border-bottom: 1px solid rgb(153, 153, 153);
     78    border-bottom: 1px solid rgb(179, 179, 179);
    7979    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
    8080    background-color: transparent;
    8181    background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230));
    8282
    83     border-top: 1px solid rgb(153, 153, 153);
     83    border-top: 1px solid rgb(179, 179, 179);
    8484
    8585    text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0;
    … …  
    183183.details-section > .content > .group {
    184184    display: table-row-group;
    185     border-bottom: 1px solid rgb(153, 153, 153);
     185    border-bottom: 1px solid rgb(179, 179, 179);
    186186}
    187187
    … …  
    204204.details-section > .content > .group:nth-child(even) > .row:not(.simple):first-child,
    205205.details-section > .content > .group:nth-child(even) > .row.simple:first-child > * {
    206     border-top: 1px solid rgb(153, 153, 153);
     206    border-top: 1px solid rgb(179, 179, 179);
    207207}
    208208
    … …  
    211211body.mac-platform.legacy .details-section > .content > .group:nth-child(even) > .row.simple:last-child > *,
    212212body.mac-platform.legacy .details-section > .content > .group:last-child > .row.simple:last-child > * {
    213     border-bottom: 1px solid rgb(153, 153, 153);
     213    border-bottom: 1px solid rgb(179, 179, 179);
    214214}
    215215

  • trunk/Source/WebInspectorUI/UserInterface/Views/FilterBar.css

    r171940 r172241  
    6969
    7070.filter-bar > input[type="search"]:focus { background-color: white; }
    71 .filter-bar > input[type="search"]:not(:placeholder-shown) { background-color: white; } /* Needs to be a separate rule. See http://webkit.org/b/118162 */
    7271
    7372.filter-bar > input[type="search"]::-webkit-search-decoration {
    … …  
    8483    -webkit-appearance: none;
    8584}
     85
     86body.mac-platform.legacy .filter-bar > input[type="search"]::-webkit-search-decoration {
     87    background-image: url(../Images/Legacy/FilterFieldGlyph.svg);
     88}

  • trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.css

    r171940 r172241  
    2525
    2626.find-banner {
    27     border-bottom: 1px solid rgb(153, 153, 153);
     27    border-bottom: 1px solid rgb(179, 179, 179);
    2828
    2929    position: absolute;

  • trunk/Source/WebInspectorUI/UserInterface/Views/FindBanner.js

    r171312 r172241  
    328328
    329329        var forwardArrow, backArrow;
    330         if (WebInspector.Platform.name === "mac" && WebInspector.Platform.version.release < 10) {
    331             forwardArrow = {src: "Images/ForwardArrowLegacy.svg", width: 7, height: 7};
    332             backArrow = {src: "Images/BackArrowLegacy.svg", width: 7, height: 7};
     330        if (WebInspector.Platform.isLegacyMacOS) {
     331            forwardArrow = {src: "Images/Legacy/ForwardArrow.svg", width: 7, height: 7};
     332            backArrow = {src: "Images/Legacy/BackArrow.svg", width: 7, height: 7};
    333333        } else {
    334334            forwardArrow = {src: "Images/ForwardArrow.svg", width: 7, height: 11};

  • trunk/Source/WebInspectorUI/UserInterface/Views/FrameTreeElement.js

    r164543 r172241  
    139139
    140140            var tooltip = WebInspector.UIString("Reload page (%s)\nReload ignoring cache (%s)").format(WebInspector._reloadPageKeyboardShortcut.displayName, WebInspector._reloadPageIgnoringCacheKeyboardShortcut.displayName);
    141             wrappedSVGDocument("Images/Reload.svg", null, tooltip, function(element) {
     141            wrappedSVGDocument(platformImagePath("Reload.svg"), null, tooltip, function(element) {
    142142                this._reloadButton = new WebInspector.TreeElementStatusButton(element);
    143143                this._reloadButton.addEventListener(WebInspector.TreeElementStatusButton.Event.Clicked, this._reloadPageClicked, this);
    … …  
    145145            }.bind(this));
    146146
    147             wrappedSVGDocument("Images/DownloadArrow.svg", null, WebInspector.UIString("Download Web Archive"), function(element) {
     147            wrappedSVGDocument(platformImagePath("DownloadArrow.svg"), null, WebInspector.UIString("Download Web Archive"), function(element) {
    148148                this._downloadButton = new WebInspector.TreeElementStatusButton(element);
    149149                this._downloadButton.addEventListener(WebInspector.TreeElementStatusButton.Event.Clicked, this._downloadButtonClicked, this);

  • trunk/Source/WebInspectorUI/UserInterface/Views/LogContentView.js

    r164543 r172241  
    6565    this._scopeBar.addEventListener(WebInspector.ScopeBar.Event.SelectionChanged, this._scopeBarSelectionDidChange, this);
    6666
    67     this._clearLogNavigationItem = new WebInspector.ButtonNavigationItem("clear-log", WebInspector.UIString("Clear log (%s or %s)").format(this._logViewController.messagesClearKeyboardShortcut.displayName, this._logViewController.messagesAlternateClearKeyboardShortcut.displayName), "Images/NavigationItemTrash.svg", 16, 16);
     67    var trashImage;
     68    if (WebInspector.Platform.isLegacyMacOS)
     69        trashImage = {src: "Images/Legacy/NavigationItemTrash.svg", width: 16, height: 16};
     70    else
     71        trashImage = {src: "Images/NavigationItemTrash.svg", width: 15, height: 15};
     72
     73    this._clearLogNavigationItem = new WebInspector.ButtonNavigationItem("clear-log", WebInspector.UIString("Clear log (%s or %s)").format(this._logViewController.messagesClearKeyboardShortcut.displayName, this._logViewController.messagesAlternateClearKeyboardShortcut.displayName), trashImage.src, trashImage.width, trashImage.height);
    6874    this._clearLogNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._clearLog, this);
    6975

  • trunk/Source/WebInspectorUI/UserInterface/Views/Main.css

    r171885 r172241  
    136136
    137137#split-content-browser {
    138     border-top: 1px solid rgb(153, 153, 153);
     138    border-top: 1px solid rgb(179, 179, 179);
    139139}
    140140

  • trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.css

    r171885 r172241  
    4848.sidebar > .panel.navigation > .overflow-shadow {
    4949    position: absolute;
    50     bottom: 21px;
     50    bottom: 28px;
    5151    left: 0;
    5252    right: 0;
    53     height: 5px;
     53    height: 1px;
    5454
    5555    pointer-events: none;
    5656
    57     background-image: radial-gradient(center, ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, transparent),
     57    opacity: 0;
     58
     59    border-bottom: 1px solid rgb(179, 179, 179);
     60}
     61
     62body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow {
     63    border-bottom: none;
     64
     65    background-image: -webkit-radial-gradient(center, ellipse closest-side, rgba(0, 0, 0, 0.2) 25%, transparent),
    5866        linear-gradient(to right, rgba(0, 0, 0, 0.0125), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.0125));
    5967    background-size: 125% 15px, 100% 1px;
    … …  
    6169    background-repeat: no-repeat;
    6270
    63     opacity: 0;
     71    height: 5px;
     72    bottom: 22px;
    6473}
    6574
    6675.sidebar > .panel.navigation > .overflow-shadow.top {
     76    top: 28px;
     77    bottom: initial;
     78}
     79
     80body.mac-platform.legacy .sidebar > .panel.navigation > .overflow-shadow.top {
    6781    top: 21px;
    68     bottom: initial;
    6982    background-position: bottom center, top center;
    7083}
    … …  
    7588    left: 0;
    7689    right: 0;
    77     bottom: 21px;
     90    bottom: 28px;
    7891
    7992    display: -webkit-flex;
    … …  
    8194    -webkit-justify-content: center;
    8295    -webkit-align-items: center;
     96}
     97
     98body.mac-platform.legacy .sidebar > .panel.navigation > .empty-content-placeholder {
     99    bottom: 21px;
    83100}
    84101
    … …  
    177194}
    178195
    179 .navigation-sidebar-panel-content-tree-outline .item.selected .disclosure-button {
     196.navigation-sidebar-panel-content-tree-outline:focus .item.selected .disclosure-button {
    180197    background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-closed-selected) !important;
    181198}
    … …  
    185202}
    186203
    187 .navigation-sidebar-panel-content-tree-outline .item.selected.expanded .disclosure-button {
     204.navigation-sidebar-panel-content-tree-outline:focus .item.selected.expanded .disclosure-button {
    188205    background-image: -webkit-canvas(navigation-sidebar-panel-disclosure-triangle-open-selected) !important;
    189206}
    … …  
    216233
    217234.navigation-sidebar-panel-content-tree-outline .item.selected {
    218     color: white;
    219 
    220     background-color: rgb(185, 184, 185);
     235    background-color: rgb(212, 212, 212);
    221236}
    222237
    … …  
    231246
    232247.navigation-sidebar-panel-content-tree-outline:focus .item.selected {
     248    color: white;
    233249    background-color: rgb(0, 128, 252);
    234250}

  • trunk/Source/WebInspectorUI/UserInterface/Views/NavigationSidebarPanel.js

    r171645 r172241  
    454454        }
    455455
    456         const edgeThreshold = 10;
     456        if (WebInspector.Platform.isLegacyMacOS)
     457            const edgeThreshold = 10;
     458        else
     459            const edgeThreshold = 1;
     460
    457461        var scrollTop = this._contentElement.scrollTop;
    458462
    … …  
    580584
    581585        var specifications = {};
    582         specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleNormalCanvasIdentifierSuffix] = {
    583             fillColor: [112, 126, 139],
    584             shadowColor: [255, 255, 255, 0.8],
    585             shadowOffsetX: 0,
    586             shadowOffsetY: 1,
    587             shadowBlur: 0
    588         };
    589 
    590         specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleSelectedCanvasIdentifierSuffix] = {
    591             fillColor: [255, 255, 255],
    592             shadowColor: [61, 91, 110, 0.8],
    593             shadowOffsetX: 0,
    594             shadowOffsetY: 1,
    595             shadowBlur: 2
    596         };
     586
     587        if (WebInspector.Platform.isLegacyMacOS) {
     588            specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleNormalCanvasIdentifierSuffix] = {
     589                fillColor: [112, 126, 139],
     590                shadowColor: [255, 255, 255, 0.8],
     591                shadowOffsetX: 0,
     592                shadowOffsetY: 1,
     593                shadowBlur: 0
     594            };
     595
     596            specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleSelectedCanvasIdentifierSuffix] = {
     597                fillColor: [255, 255, 255],
     598                shadowColor: [61, 91, 110, 0.8],
     599                shadowOffsetX: 0,
     600                shadowOffsetY: 1,
     601                shadowBlur: 2
     602            };
     603        } else {
     604            specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleNormalCanvasIdentifierSuffix] = {
     605                fillColor: [140, 140, 140]
     606            };
     607
     608            specifications[WebInspector.NavigationSidebarPanel.DisclosureTriangleSelectedCanvasIdentifierSuffix] = {
     609                fillColor: [255, 255, 255]
     610            };
     611        }
    597612
    598613        generateColoredImagesForCSS("Images/DisclosureTriangleSmallOpen.svg", specifications, 13, 13, WebInspector.NavigationSidebarPanel.DisclosureTriangleOpenCanvasIdentifier);

  • trunk/Source/WebInspectorUI/UserInterface/Views/ProbeDetailsSidebarPanel.css

    r165987 r172241  
    5050.details-section.probe-set .options > .probe-clear-samples {
    5151    content: url(../Images/NavigationItemTrash.svg);
    52     height: 13px;
     52    height: 14px;
     53    margin-top: -1px;
    5354}
    5455
    5556.details-section.probe-set .options > .probe-remove {
    56     content: url(../Images/Close.svg);
     57    content: url(../Images/CloseLarge.svg);
    5758}
    5859
    5960.details-section.probe-set .options > .probe-add {
    6061    content: url(../Images/Plus.svg);
     62    height: 13px;
     63}
     64
     65body.mac-platform.legacy .details-section.probe-set .options > .probe-clear-samples {
     66    content: url(../Images/Legacy/NavigationItemTrash.svg);
     67    height: 16px;
     68}
     69
     70body.mac-platform.legacy .details-section.probe-set .options > .probe-remove {
     71    content: url(../Images/Legacy/CloseLarge.svg);
     72}
     73
     74body.mac-platform.legacy .details-section.probe-set .options > .probe-add {
     75    content: url(../Images/Legacy/Plus.svg);
     76    height: 11px;
    6177}
    6278

  • trunk/Source/WebInspectorUI/UserInterface/Views/QuickConsole.css

    r171885 r172241  
    3232    background-color: white;
    3333    border-top: 1px solid rgb(190, 190, 190);
    34     padding: 3px 0;
     34    padding: 3px 0 4px;
    3535
    3636    outline: none;

  • trunk/Source/WebInspectorUI/UserInterface/Views/ResourceSidebarPanel.css

    r171885 r172241  
    4444    box-shadow: inset rgba(255, 255, 255, 0.2) 0 1px 0;
    4545
    46     height: 27px;
     46    height: 28px;
    4747
    4848    white-space: nowrap;

  • trunk/Source/WebInspectorUI/UserInterface/Views/RulesStyleDetailsPanel.css

    r171134 r172241  
    3737.sidebar > .panel.details.css-style .rules .label + .style-declaration-section {
    3838    margin-top: 5px;
    39     border-top: 1px solid rgb(210, 210, 210);
     39    border-top: 1px solid rgb(179, 179, 179);
    4040}
    4141
    … …  
    4646.sidebar > .panel.details.css-style .rules .new-rule {
    4747    font-size: 12px;
    48     font-weight: bold;
    4948
    5049    color: black;
    … …  
    6160    text-shadow: white 0 1px 0;
    6261    border-bottom: none;
     62    font-weight: bold;
    6363}
    6464
    6565.sidebar > .panel.details.css-style .rules .new-rule + .style-declaration-section {
    66     border-top: 1px solid rgb(210, 210, 210);
     66    border-top: 1px solid rgb(179, 179, 179);
    6767}
    6868
    … …  
    8282}
    8383
     84body.mac-platform.legacy .sidebar > .panel.details.css-style .rules .new-rule img {
     85    content: url(../Images/Legacy/Plus.svg);
     86}
     87
    8488.sidebar > .panel.details.css-style .rules .new-rule:hover {
    8589    opacity: 0.6;

  • trunk/Source/WebInspectorUI/UserInterface/Views/ScriptContentView.js

    r164543 r172241  
    4949    this._textEditor.addEventListener(WebInspector.SourceCodeTextEditor.Event.ContentDidPopulate, this._contentDidPopulate, this);
    5050
     51    var curleyBracesImage;
     52    if (WebInspector.Platform.isLegacyMacOS)
     53        curleyBracesImage = {src: "Images/Legacy/NavigationItemCurleyBraces.svg", width: 16, height: 16};
     54    else
     55        curleyBracesImage = {src: "Images/NavigationItemCurleyBraces.svg", width: 13, height: 13};
     56
    5157    var toolTip = WebInspector.UIString("Pretty print");
    5258    var activatedToolTip = WebInspector.UIString("Original formatting");
    53     this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, "Images/NavigationItemCurleyBraces.svg", 16, 16);
     59    this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, curleyBracesImage.src, curleyBracesImage.width, curleyBracesImage.height);
    5460    this._prettyPrintButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._togglePrettyPrint, this);
    5561    this._prettyPrintButtonNavigationItem.enabled = false; // Enabled when the text editor is populated with content.

  • trunk/Source/WebInspectorUI/UserInterface/Views/Sidebar.css

    r171134 r172241  
    8989
    9090.sidebar.left {
    91     border-right: 1px solid rgb(153, 153, 153);
     91    border-right: 1px solid rgb(179, 179, 179);
    9292}
    9393
    9494.sidebar.right {
    95     border-left: 1px solid rgb(153, 153, 153);
     95    border-left: 1px solid rgb(179, 179, 179);
    9696}
    9797

  • trunk/Source/WebInspectorUI/UserInterface/Views/TextContentView.js

    r171276 r172241  
    4040    this._textEditor.string = string;
    4141
     42    var curleyBracesImage;
     43    if (WebInspector.Platform.isLegacyMacOS)
     44        curleyBracesImage = {src: "Images/Legacy/NavigationItemCurleyBraces.svg", width: 16, height: 16};
     45    else
     46        curleyBracesImage = {src: "Images/NavigationItemCurleyBraces.svg", width: 13, height: 13};
     47
    4248    var toolTip = WebInspector.UIString("Pretty print");
    4349    var activatedToolTip = WebInspector.UIString("Original formatting");
    44     this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, "Images/NavigationItemCurleyBraces.svg", 16, 16);
     50    this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, curleyBracesImage.src, curleyBracesImage.width, curleyBracesImage.height);
    4551    this._prettyPrintButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._togglePrettyPrint, this);
    4652    this._prettyPrintButtonNavigationItem.enabled = this._textEditor.canBeFormatted();

  • trunk/Source/WebInspectorUI/UserInterface/Views/TextResourceContentView.js

    r164543 r172241  
    4141    WebInspector.probeManager.addEventListener(WebInspector.ProbeManager.Event.ProbeSetRemoved, this._probeSetsChanged, this);
    4242
     43    var curleyBracesImage;
     44    if (WebInspector.Platform.isLegacyMacOS)
     45        curleyBracesImage = {src: "Images/Legacy/NavigationItemCurleyBraces.svg", width: 16, height: 16};
     46    else
     47        curleyBracesImage = {src: "Images/NavigationItemCurleyBraces.svg", width: 13, height: 13};
     48
    4349    var toolTip = WebInspector.UIString("Pretty print");
    4450    var activatedToolTip = WebInspector.UIString("Original formatting");
    45     this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, "Images/NavigationItemCurleyBraces.svg", 16, 16);
     51    this._prettyPrintButtonNavigationItem = new WebInspector.ActivateButtonNavigationItem("pretty-print", toolTip, activatedToolTip, curleyBracesImage.src, curleyBracesImage.width, curleyBracesImage.height);
    4652    this._prettyPrintButtonNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._togglePrettyPrint, this);
    4753    this._prettyPrintButtonNavigationItem.enabled = false; // Enabled when the text editor is populated with content.

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineContentView.js

    r172094 r172241  
    4444    this.element.appendChild(this._viewContainer);
    4545
    46     this._clearTimelineNavigationItem = new WebInspector.ButtonNavigationItem("clear-timeline", WebInspector.UIString("Clear Timeline"), "Images/NavigationItemTrash.svg", 16, 16);
     46    var trashImage;
     47    if (WebInspector.Platform.isLegacyMacOS)
     48        trashImage = {src: "Images/Legacy/NavigationItemTrash.svg", width: 16, height: 16};
     49    else
     50        trashImage = {src: "Images/NavigationItemTrash.svg", width: 15, height: 15};
     51
     52    this._clearTimelineNavigationItem = new WebInspector.ButtonNavigationItem("clear-timeline", WebInspector.UIString("Clear Timeline"), trashImage.src, trashImage.width, trashImage.height);
    4753    this._clearTimelineNavigationItem.addEventListener(WebInspector.ButtonNavigationItem.Event.Clicked, this._clearTimeline, this);
    4854

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineDataGrid.css

    r170240 r172241  
    3535    height: 22px;
    3636
    37     background-image: none;
    38     background-color: white;
     37    background-image: none !important;
     38    background-color: white !important;
    3939
    4040    border-top: 1px solid rgb(179, 179, 179) !important;
    … …  
    4848.data-grid.timeline th.sortable:active {
    4949    background-image: none !important;
    50     background-color: rgb(210, 210, 210);
     50    background-color: rgb(179, 179, 179) !important;
    5151}
    5252
    … …  
    5454.data-grid.timeline th.sort-descending {
    5555    background-image: none !important;
    56     background-color: rgb(230, 230, 230);
     56    background-color: rgb(230, 230, 230) !important;
    5757}
    5858

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineIcons.css

    r171195 r172241  
    3232}
    3333
     34body.mac-platform.legacy .network-icon .icon {
     35    content: -webkit-image-set(url(../Images/Legacy/Network.png) 1x, url(../Images/Legacy/Network@2x.png) 2x);
     36}
     37
     38body.mac-platform.legacy .network-icon.large .icon {
     39    content: -webkit-image-set(url(../Images/Legacy/NetworkLarge.png) 1x, url(../Images/Legacy/NetworkLarge@2x.png) 2x);
     40}
     41
    3442.colors-icon .icon {
    3543    content: -webkit-image-set(url(../Images/Colors.png) 1x, url(../Images/Colors@2x.png) 2x);
    … …  
    3846.colors-icon.large .icon {
    3947    content: -webkit-image-set(url(../Images/ColorsLarge.png) 1x, url(../Images/ColorsLarge@2x.png) 2x);
     48}
     49
     50body.mac-platform.legacy .colors-icon .icon {
     51    content: -webkit-image-set(url(../Images/Legacy/Colors.png) 1x, url(../Images/Legacy/Colors@2x.png) 2x);
     52}
     53
     54body.mac-platform.legacy .colors-icon.large .icon {
     55    content: -webkit-image-set(url(../Images/Legacy/ColorsLarge.png) 1x, url(../Images/Legacy/ColorsLarge@2x.png) 2x);
    4056}
    4157

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.css

    r171940 r172241  
    5252
    5353    background-color: transparent;
    54     background-image: -webkit-image-set(url(../Images/RecordingStopped.png) 1x, url(../Images/RecordingStopped@2x.png) 2x);
    5554    background-repeat: no-repeat;
     55    background-image: url(../Images/Record.svg);
     56    background-size: 13px 13px;
     57    background-position: center;
     58}
     59
     60.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover {
     61    -webkit-filter: brightness(95%);
     62}
     63
     64.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active {
     65    -webkit-filter: brightness(80%);
     66}
     67
     68.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording {
     69    background-image: url(../Images/Stop.svg);
     70}
     71
     72body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph {
     73    top: 0;
     74
     75    background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x);
    5676    background-size: 21px 21px;
    5777}
    5878
    59 body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph {
    60     top: 0;
    61 }
    62 
    63 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording {
    64     background-image: -webkit-image-set(url(../Images/Recording.png) 1x, url(../Images/Recording@2x.png) 2x);
    65 }
    66 
    67 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover {
    68     background-image: -webkit-image-set(url(../Images/RecordingHovered.png) 1x, url(../Images/RecordingHovered@2x.png) 2x);
    69 }
    70 
    71 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording:hover {
    72     background-image: -webkit-image-set(url(../Images/RecordingStopped.png) 1x, url(../Images/RecordingStopped@2x.png) 2x);
    73 }
    74 
    75 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.forced {
    76     background-image: -webkit-image-set(url(../Images/RecordingStopped.png) 1x, url(../Images/RecordingStopped@2x.png) 2x) !important;
    77 }
    78 
    79 .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording.forced {
    80     background-image: -webkit-image-set(url(../Images/Recording.png) 1x, url(../Images/Recording@2x.png) 2x) !important;
     79body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording {
     80    background-image: -webkit-image-set(url(../Images/Legacy/Recording.png) 1x, url(../Images/Legacy/Recording@2x.png) 2x);
     81}
     82
     83body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover {
     84    background-image: -webkit-image-set(url(../Images/Legacy/RecordingHovered.png) 1x, url(../Images/Legacy/RecordingHovered@2x.png) 2x);
     85    -webkit-filter: none;
     86}
     87
     88body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording:hover {
     89    background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x);
     90}
     91
     92body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.forced {
     93    background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x) !important;
     94}
     95
     96body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording.forced {
     97    background-image: -webkit-image-set(url(../Images/Legacy/Recording.png) 1x, url(../Images/Legacy/Recording@2x.png) 2x) !important;
    8198}
    8299
    … …  
    166183    height: 12px;
    167184
    168     content: -webkit-image-set(url(../Images/CloseTimeline.png) 1x, url(../Images/CloseTimeline@2x.png) 2x);
    169 
    170185    visibility: hidden;
    171186}
    … …  
    191206
    192207.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item {
    193     border-top-color: rgb(185, 184, 185);
     208    border-top-color: rgb(212, 212, 212);
    194209}
    195210
    … …  
    208223body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item {
    209224    border-top-color: rgb(107, 130, 164);
    210 }
    211 
    212 .sidebar > .panel.navigation.timeline > .timelines-content .close-button:active {
    213     opacity: 0.8;
    214225}
    215226

  • trunk/Source/WebInspectorUI/UserInterface/Views/TimelineSidebarPanel.js

    r172094 r172241  
    5656    {
    5757        var treeElement = new WebInspector.GeneralTreeElement([iconClass, WebInspector.TimelineSidebarPanel.LargeIconStyleClass], label, null, identifier);
    58         var closeButton = document.createElement("img");
    59         closeButton.classList.add(WebInspector.TimelineSidebarPanel.CloseButtonStyleClass);
    60         closeButton.addEventListener("click", this.showTimelineOverview.bind(this));
    61         treeElement.status = closeButton;
     58
     59        const tooltip = WebInspector.UIString("Close %s timeline view").format(label);
     60        wrappedSVGDocument(platformImagePath("CloseTimeline.svg"), WebInspector.TimelineSidebarPanel.CloseButtonStyleClass, tooltip, function(element) {
     61            var button = new WebInspector.TreeElementStatusButton(element);
     62            button.addEventListener(WebInspector.TreeElementStatusButton.Event.Clicked, this.showTimelineOverview, this);
     63            treeElement.status = button.element;
     64        }.bind(this));
     65
    6266        return treeElement;
    6367    }

  • trunk/Source/WebInspectorUI/UserInterface/Views/TreeElementStatusButton.css

    r164543 r172241  
    3030}
    3131
    32 .item > .status > .status-button > svg * {
    33     fill: rgb(112, 126, 139);
     32.item > .status > .status-button > svg path.filled {
     33    fill: rgb(128, 128, 128);
    3434}
    3535
    36 .item.selected > .status > .status-button > svg * {
    37     fill: white;
     36body.mac-platform.legacy .item > .status > .status-button > svg path.filled {
     37    fill: rgb(64, 64, 64);
    3838}
    3939
    40 .item.selected > .status > .status-button:active > svg * {
    41     fill: rgba(255, 255, 255, 0.75);
     40:focus .item.selected > .status > .status-button > svg path.filled {
     41    fill: white !important;
    4242}
    4343
    44 .item > .status > .status-button.disabled > svg * {
    45     fill: rgba(112, 126, 139, 0.5) !important;
     44.item > .status > .status-button > svg path.stroked {
     45    stroke: rgb(128, 128, 128);
    4646}
    4747
    48 .item.selected > .status > .status-button.disabled > svg * {
    49     fill: rgba(255, 255, 255, 0.5) !important;
     48body.mac-platform.legacy .item > .status > .status-button > svg path.stroked {
     49    stroke: rgb(64, 64, 64);
    5050}
     51
     52:focus .item.selected > .status > .status-button > svg path.stroked {
     53    stroke: white !important;
     54}
     55
     56.item.selected > .status > .status-button:active {
     57    opacity: 0.75;
     58}
     59
     60.item > .status > .status-button.disabled {
     61    opacity: 0.4 !important;
     62}

  • trunk/Source/WebKit/ChangeLog

    r171844 r172241  
     12014-08-07  Timothy Hatcher  <timothy@apple.com>
     2
     3        Web Inspector: Update glyphs to be more like Xcode 6
     4        https://bugs.webkit.org/show_bug.cgi?id=135705
     5
     6        Reviewed by Joseph Pecoraro.
     7
     8        * WebKit.xcodeproj/project.pbxproj: Added new images.
     9
    1102014-07-31  Andreas Kling  <akling@apple.com>
    211

  • trunk/Source/WebKit/WebKit.xcodeproj/project.pbxproj

    r171212 r172241  
    7474                1C68F672095B5FC100C2984E /* WebNodeHighlightView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 1C68F666095B5FC100C2984E /* WebNodeHighlightView.mm */; };
    7575                1C7B0C660EB2464D00A28502 /* WebInspectorClientCF.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 1C7B0C650EB2464D00A28502 /* WebInspectorClientCF.cpp */; };
     76                1C8AE7641992F96500ABF6EC /* DockLegacy.pdf in Resources */ = {isa = PBXBuildFile; fileRef = 1C8AE7631992F96500ABF6EC /* DockLegacy.pdf */; };
    7677                1C8CB07A0AE9830C00B1F6E9 /* WebEditingDelegatePrivate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1C8CB0790AE9830C00B1F6E9 /* WebEditingDelegatePrivate.h */; settings = {ATTRIBUTES = (Private, ); }; };
    7778                1C9F5EFC1651CDF700C480F8 /* Dock.pdf in Resources */ = {isa = PBXBuildFile; fileRef = 1C9F5EFB1651CDF700C480F8 /* Dock.pdf */; };
    … …  
    516517                1C6CB03E0AA6391D00D23BFD /* MigrateHeaders.make */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; name = MigrateHeaders.make; path = mac/MigrateHeaders.make; sourceTree = "<group>"; };
    517518                1C7B0C650EB2464D00A28502 /* WebInspectorClientCF.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = WebInspectorClientCF.cpp; path = cf/WebCoreSupport/WebInspectorClientCF.cpp; sourceTree = SOURCE_ROOT; };
     519                1C8AE7631992F96500ABF6EC /* DockLegacy.pdf */ = {isa = PBXFileReference; lastKnownFileType = image.pdf; path = DockLegacy.pdf; sourceTree = "<group>"; };
    518520                1C8CB0790AE9830C00B1F6E9 /* WebEditingDelegatePrivate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = WebEditingDelegatePrivate.h; sourceTree = "<group>"; };
    519521                1C904FD20BA9DD0F0081E9D0 /* WebKitLegacy.xcconfig */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.xcconfig; path = WebKitLegacy.xcconfig; sourceTree = "<group>"; };
    … …  
    975977                        children = (
    976978                                1C9F5EFB1651CDF700C480F8 /* Dock.pdf */,
     979                                1C8AE7631992F96500ABF6EC /* DockLegacy.pdf */,
    977980                                939811320824BF01008DF038 /* Info.plist */,
    978981                                F5B67130023EDF8901C1A525 /* url_icon.tiff */,
    … …  
    19901993                                939810B70824BF01008DF038 /* url_icon.tiff in Resources */,
    19911994                                939810B50824BF01008DF038 /* WebAuthenticationPanel.nib in Resources */,
     1995                                1C8AE7641992F96500ABF6EC /* DockLegacy.pdf in Resources */,
    19921996                                5DE83A7A0D0F7F9400CAD12A /* WebJavaScriptTextInputPanel.nib in Resources */,
    19931997                        );

  • trunk/Source/WebKit/mac/ChangeLog

    r172194 r172241  
     12014-08-07  Timothy Hatcher  <timothy@apple.com>
     2
     3        Web Inspector: Update glyphs to be more like Xcode 6
     4        https://bugs.webkit.org/show_bug.cgi?id=135705
     5
     6        Reviewed by Joseph Pecoraro.
     7
     8        * Resources/Dock.pdf: Added.
     9        * Resources/DockLegacy.pdf: Copied from Source/WebKit/mac/Resources/Dock.pdf.
     10        * WebCoreSupport/WebInspectorClient.mm:
     11        (-[WebInspectorWindowController window]): Use new images.
     12
    1132014-08-06  Dean Jackson  <dino@apple.com>
    214

  • trunk/Source/WebKit/mac/WebCoreSupport/WebInspectorClient.mm

    r170980 r172241  
    486486    [window setAutorecalculatesContentBorderThickness:NO forEdge:NSMaxYEdge];
    487487    [window setContentBorderThickness:55. forEdge:NSMaxYEdge];
    488     WKNSWindowMakeBottomCornersSquare(window);
    489488
    490489    // Create a full screen button so we can turn it into a dock button.
    … …  
    497496
    498497    // Get the dock image and make it a template so the button cell effects will apply.
    499     NSImage *dockImage = [[NSBundle bundleForClass:[self class]] imageForResource:@"Dock"];
     498#if __MAC_OS_X_VERSION_MIN_REQUIRED >= 1090
     499    NSString *dockImageName = @"Dock";
     500    _dockButton.get().alphaValue = 0.55;
     501#else
     502    NSString *dockImageName = @"DockLegacy";
     503#endif
     504
     505    NSImage *dockImage = [[NSBundle bundleForClass:[self class]] imageForResource:dockImageName];
    500506    [dockImage setTemplate:YES];
    501507

  • trunk/Source/WebKit2/ChangeLog

    r172238 r172241  
     12014-08-07  Timothy Hatcher  <timothy@apple.com>
     2
     3        Web Inspector: Update glyphs to be more like Xcode 6
     4        https://bugs.webkit.org/show_bug.cgi?id=135705
     5
     6        Reviewed by Joseph Pecoraro.
     7
     8        * Resources/DockBottom.pdf: Added.
     9        * Resources/DockBottomLegacy.pdf: Copied from Source/WebKit/mac/Resources/Dock.pdf.
     10        * Resources/DockRight.pdf: Added.
     11        * Resources/DockRightLegacy.pdf: Copied from Source/WebKit2/Resources/DockRight.pdf.
     12        * UIProcess/mac/WebInspectorProxyMac.mm:
     13        (WebKit::WebInspectorProxy::createInspectorWindow): Use new images.
     14        * WebKit2.xcodeproj/project.pbxproj: Added new images.
     15
    1162014-08-07  Oliver Hunt  <oliver@apple.com>
    217

  • trunk/Source/WebKit2/UIProcess/mac/WebInspectorProxyMac.mm

    r170980 r172241  
    6464
    6565// The spacing between the dock buttons.
     66#if __MAC_OS_X_VERSION_MIN_REQUIRED >= 1090
     67static const CGFloat dockButtonSpacing = 1;
     68#else
    6669static const CGFloat dockButtonSpacing = dockButtonMargin * 2;
     70#endif
    6771
    6872static const NSUInteger windowStyleMask = NSTitledWindowMask | NSClosableWindowMask | NSMiniaturizableWindowMask | NSResizableWindowMask | NSTexturedBackgroundWindowMask;
    … …  
    301305    [window setAutorecalculatesContentBorderThickness:NO forEdge:NSMaxYEdge];
    302306    [window setContentBorderThickness:windowContentBorderThickness forEdge:NSMaxYEdge];
    303     WKNSWindowMakeBottomCornersSquare(window);
    304307
    305308    m_inspectorWindow = adoptNS(window);
    … …  
    310313    static bool supportsDockToRight = NSVersionOfLinkTimeLibrary("Safari") >= firstVersionOfSafariWithDockToRightSupport;
    311314
     315#if __MAC_OS_X_VERSION_MIN_REQUIRED >= 1090
    312316    m_dockBottomButton = adoptNS(createDockButton(@"DockBottom"));
    313317    m_dockRightButton = adoptNS(createDockButton(@"DockRight"));
     318
     319    m_dockBottomButton.get().alphaValue = 0.55;
     320    m_dockRightButton.get().alphaValue = supportsDockToRight ? 0.55 : 0.25;
     321#else
     322    m_dockBottomButton = adoptNS(createDockButton(@"DockBottomLegacy"));
     323    m_dockRightButton = adoptNS(createDockButton(@"DockRightLegacy"));
     324
     325    m_dockRightButton.get().alphaValue = supportsDockToRight ? 1 : 0.5;
     326#endif
    314327
    315328    m_dockBottomButton.get().target = m_inspectorProxyObjCAdapter.get();
    … …  
    319332    m_dockRightButton.get().action = @selector(attachRight:);
    320333    m_dockRightButton.get().enabled = supportsDockToRight;
    321     m_dockRightButton.get().alphaValue = supportsDockToRight ? 1 : 0.5;
    322334
    323335    // Store the dock buttons on the window too so it can check its visibility.

  • trunk/Source/WebKit2/WebKit2.xcodeproj/project.pbxproj

    r171816 r172241  
    496496                1AFE436618B6C081009C7A48 /* UIDelegate.h in Headers */ = {isa = PBXBuildFile; fileRef = 1AFE436418B6C081009C7A48 /* UIDelegate.h */; };
    497497                1AFF49001833DE78009AB15A /* WKDeprecatedFunctions.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 1AFF48FE1833DE78009AB15A /* WKDeprecatedFunctions.cpp */; };
     498                1C8AE7611992F63A00ABF6EC /* DockBottomLegacy.pdf in Resources */ = {isa = PBXBuildFile; fileRef = 1C8AE75F1992F62F00ABF6EC /* DockBottomLegacy.pdf */; };
     499                1C8AE7621992F63C00ABF6EC /* DockRightLegacy.pdf in Resources */ = {isa = PBXBuildFile; fileRef = 1C8AE7601992F62F00ABF6EC /* DockRightLegacy.pdf */; };
    498500                1C8E25A81270E3BB00BC7BD0 /* WebInspectorFrontendClient.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 1C8E256B1270DE3800BC7BD0 /* WebInspectorFrontendClient.cpp */; };
    499501                1C8E25A91270E3BC00BC7BD0 /* WebInspectorFrontendClient.h in Headers */ = {isa = PBXBuildFile; fileRef = 1C8E256A1270DE3800BC7BD0 /* WebInspectorFrontendClient.h */; };
    … …  
    24822484                1BB417C912C00CCA002BE67B /* TextCheckerCompletion.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = TextCheckerCompletion.cpp; sourceTree = "<group>"; };
    24832485                1C77C1951288A872006A742F /* WebInspectorProxy.messages.in */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text; path = WebInspectorProxy.messages.in; sourceTree = "<group>"; };
     2486                1C8AE75F1992F62F00ABF6EC /* DockBottomLegacy.pdf */ = {isa = PBXFileReference; lastKnownFileType = image.pdf; name = DockBottomLegacy.pdf; path = Resources/DockBottomLegacy.pdf; sourceTree = "<group>"; };
     2487                1C8AE7601992F62F00ABF6EC /* DockRightLegacy.pdf */ = {isa = PBXFileReference; lastKnownFileType = image.pdf; name = DockRightLegacy.pdf; path = Resources/DockRightLegacy.pdf; sourceTree = "<group>"; };
    24842488                1C8E256A1270DE3800BC7BD0 /* WebInspectorFrontendClient.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = WebInspectorFrontendClient.h; sourceTree = "<group>"; };
    24852489                1C8E256B1270DE3800BC7BD0 /* WebInspectorFrontendClient.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; path = WebInspectorFrontendClient.cpp; sourceTree = "<group>"; };
    … …  
    39953999                                1CBC945D16515ED200D68AAE /* DockBottom.pdf */,
    39964000                                1CB75C931701E880009F809F /* DockRight.pdf */,
     4001                                1C8AE75F1992F62F00ABF6EC /* DockBottomLegacy.pdf */,
     4002                                1C8AE7601992F62F00ABF6EC /* DockRightLegacy.pdf */,
    39974003                                8DC2EF5A0486A6940098B216 /* Info.plist */,
    39984004                                089C1666FE841158C02AAC07 /* InfoPlist.strings */,
    … …  
    82948300                                E115C716190F8A2500ECC516 /* com.apple.WebKit.Databases.sb in Resources */,
    82958301                                1CB75C941701E880009F809F /* DockRight.pdf in Resources */,
     8302                                1C8AE7611992F63A00ABF6EC /* DockBottomLegacy.pdf in Resources */,
    82968303                                8DC2EF530486A6940098B216 /* InfoPlist.strings in Resources */,
     8304                                1C8AE7621992F63C00ABF6EC /* DockRightLegacy.pdf in Resources */,
    82978305                        );
    82988306                        runOnlyForDeploymentPostprocessing = 0;
Note: See TracChangeset for help on using the changeset viewer.