https://bugs.webkit.org/show_bug.cgi?id=111173
Patch by Vladislav Kaznacheev <kaznacheev@chromium.org> on 2013-03-06
Reviewed by Pavel Feldman.
* WebCore.gypi:
* inspector/front-end/BreakpointsSidebarPane.js:
(WebInspector.JavaScriptBreakpointsSidebarPane):
(WebInspector.EventListenerBreakpointsSidebarPane):
* inspector/front-end/NativeBreakpointsSidebarPane.js:
(WebInspector.NativeBreakpointsSidebarPane):
* inspector/front-end/SidebarPane.js:
(WebInspector.SidebarPaneTitle):
(WebInspector.SidebarPaneStack):
(WebInspector.SidebarTabbedPane):
* inspector/front-end/WebKit.qrc:
* inspector/front-end/breakpointsList.css: Added.
(.sidebar-pane > .body .breakpoint-condition):
(#breakpoint-condition-input):
(ol.breakpoint-list):
(.breakpoints-list-deactivated):
(.breakpoint-list li):
(.breakpoint-list li:hover):
(.breakpoint-list .checkbox-elem):
(.breakpoint-list .source-text):
(.sidebar-pane .breakpoint-hit):
(li.breakpoint-hit .breakpoint-hit-marker):
(.event-listener-breakpoints .event-category):
(.event-listener-breakpoints.properties-tree .children li):
(.event-listener-breakpoints .checkbox-elem):
* inspector/front-end/elementsPanel.css:
(.panel.elements .sidebar-pane-toolbar > select):
(.panel.elements .sidebar-pane-toolbar > select:hover):
(.panel.elements .sidebar-pane-toolbar > select:active):
(.panel.elements .sidebar-pane-toolbar > select.select-settings):
(.panel.elements .sidebar-pane-toolbar > select.select-filter):
(.panel.elements .sidebar-pane-toolbar > select > option, .panel.elements .sidebar-pane-toolbar > select > hr):
* inspector/front-end/inspector.css:
(.event-bar .event-properties):
* inspector/front-end/scriptsPanel.css:
(.workers-list > li):
(a.worker-item):
(a.worker-item:hover):
* inspector/front-end/sidebarPane.css: Added.
(.sidebar-pane):
(.sidebar-pane > .body):
(.sidebar-pane > .body .info):
(.sidebar-pane > .body .placard + .info):
(.sidebar-pane.visible > .body):
(.sidebar-pane .section .properties):
(.sidebar-tabbed-pane .tabbed-pane-header):
(.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1)):
(.sidebar-pane-title):
(.sidebar-pane-title + .sidebar-pane-title, .pane:not(.visible) + .sidebar-pane-title, .sidebar-pane-title:first-of-type):
(.sidebar-pane-title:active):
(.sidebar-pane-title::before):
(.sidebar-pane-title.expanded::before):
(.sidebar-pane-toolbar):
(.sidebar-pane-toolbar > *):
(.sidebar-pane-toolbar > .pane-title-button):
(.sidebar-pane-toolbar > .pane-title-button:hover):
(.sidebar-pane-toolbar > .pane-title-button:active, .sidebar-pane-toolbar > .pane-title-button.toggled):
(.sidebar-pane-toolbar > .pane-title-button.add):
(.sidebar-pane-toolbar > .pane-title-button.element-state):
(.sidebar-pane-toolbar > .pane-title-button.refresh):
(.sidebar-pane-subtitle):
(body.platform-windows .sidebar-pane-subtitle):
(.sidebar-pane-subtitle input, .section .header input[type=checkbox]):
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@144927
268f45cc-cd09-0410-ab3c-
d52691b4dbfc
2013-03-06 Vladislav Kaznacheev <kaznacheev@chromium.org>
+ Web Inspector: Move sidebar-specific styles to a separate file.
+ https://bugs.webkit.org/show_bug.cgi?id=111173
+
+ Reviewed by Pavel Feldman.
+
+ * WebCore.gypi:
+ * inspector/front-end/BreakpointsSidebarPane.js:
+ (WebInspector.JavaScriptBreakpointsSidebarPane):
+ (WebInspector.EventListenerBreakpointsSidebarPane):
+ * inspector/front-end/NativeBreakpointsSidebarPane.js:
+ (WebInspector.NativeBreakpointsSidebarPane):
+ * inspector/front-end/SidebarPane.js:
+ (WebInspector.SidebarPaneTitle):
+ (WebInspector.SidebarPaneStack):
+ (WebInspector.SidebarTabbedPane):
+ * inspector/front-end/WebKit.qrc:
+ * inspector/front-end/breakpointsList.css: Added.
+ (.sidebar-pane > .body .breakpoint-condition):
+ (#breakpoint-condition-input):
+ (ol.breakpoint-list):
+ (.breakpoints-list-deactivated):
+ (.breakpoint-list li):
+ (.breakpoint-list li:hover):
+ (.breakpoint-list .checkbox-elem):
+ (.breakpoint-list .source-text):
+ (.sidebar-pane .breakpoint-hit):
+ (li.breakpoint-hit .breakpoint-hit-marker):
+ (.event-listener-breakpoints .event-category):
+ (.event-listener-breakpoints.properties-tree .children li):
+ (.event-listener-breakpoints .checkbox-elem):
+ * inspector/front-end/elementsPanel.css:
+ (.panel.elements .sidebar-pane-toolbar > select):
+ (.panel.elements .sidebar-pane-toolbar > select:hover):
+ (.panel.elements .sidebar-pane-toolbar > select:active):
+ (.panel.elements .sidebar-pane-toolbar > select.select-settings):
+ (.panel.elements .sidebar-pane-toolbar > select.select-filter):
+ (.panel.elements .sidebar-pane-toolbar > select > option, .panel.elements .sidebar-pane-toolbar > select > hr):
+ * inspector/front-end/inspector.css:
+ (.event-bar .event-properties):
+ * inspector/front-end/scriptsPanel.css:
+ (.workers-list > li):
+ (a.worker-item):
+ (a.worker-item:hover):
+ * inspector/front-end/sidebarPane.css: Added.
+ (.sidebar-pane):
+ (.sidebar-pane > .body):
+ (.sidebar-pane > .body .info):
+ (.sidebar-pane > .body .placard + .info):
+ (.sidebar-pane.visible > .body):
+ (.sidebar-pane .section .properties):
+ (.sidebar-tabbed-pane .tabbed-pane-header):
+ (.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1)):
+ (.sidebar-pane-title):
+ (.sidebar-pane-title + .sidebar-pane-title, .pane:not(.visible) + .sidebar-pane-title, .sidebar-pane-title:first-of-type):
+ (.sidebar-pane-title:active):
+ (.sidebar-pane-title::before):
+ (.sidebar-pane-title.expanded::before):
+ (.sidebar-pane-toolbar):
+ (.sidebar-pane-toolbar > *):
+ (.sidebar-pane-toolbar > .pane-title-button):
+ (.sidebar-pane-toolbar > .pane-title-button:hover):
+ (.sidebar-pane-toolbar > .pane-title-button:active, .sidebar-pane-toolbar > .pane-title-button.toggled):
+ (.sidebar-pane-toolbar > .pane-title-button.add):
+ (.sidebar-pane-toolbar > .pane-title-button.element-state):
+ (.sidebar-pane-toolbar > .pane-title-button.refresh):
+ (.sidebar-pane-subtitle):
+ (body.platform-windows .sidebar-pane-subtitle):
+ (.sidebar-pane-subtitle input, .section .header input[type=checkbox]):
+
+2013-03-06 Vladislav Kaznacheev <kaznacheev@chromium.org>
+
Web Inspector: Combine style-related panes into a single tab when Elements panel is split horizontally.
https://bugs.webkit.org/show_bug.cgi?id=111550
Reviewed by Pavel Feldman.
'inspector/front-end/ace/theme_textmate.js',
'inspector/front-end/auditsPanel.css',
'inspector/front-end/breadcrumbList.css',
+ 'inspector/front-end/breakpointsList.css',
'inspector/front-end/buildSystemOnly.js',
'inspector/front-end/cm/cmdevtools.css',
'inspector/front-end/cm/codemirror.css',
'inspector/front-end/resourcesPanel.css',
'inspector/front-end/revisionHistory.css',
'inspector/front-end/scriptsPanel.css',
+ 'inspector/front-end/sidebarPane.css',
'inspector/front-end/spectrum.css',
'inspector/front-end/splitView.css',
'inspector/front-end/tabbedPane.css',
WebInspector.JavaScriptBreakpointsSidebarPane = function(breakpointManager, showSourceLineDelegate)
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Breakpoints"));
+ this.registerRequiredCSS("breakpointsList.css");
this._breakpointManager = breakpointManager;
this._showSourceLineDelegate = showSourceLineDelegate;
WebInspector.EventListenerBreakpointsSidebarPane = function()
{
WebInspector.SidebarPane.call(this, WebInspector.UIString("Event Listener Breakpoints"));
+ this.registerRequiredCSS("breakpointsList.css");
this.categoriesElement = document.createElement("ol");
this.categoriesElement.tabIndex = 0;
WebInspector.NativeBreakpointsSidebarPane = function(title)
{
WebInspector.SidebarPane.call(this, title);
+ this.registerRequiredCSS("breakpointsList.css");
this.listElement = document.createElement("ol");
this.listElement.className = "breakpoint-list";
{
this._pane = pane;
- this.element = container.createChild("div", "pane-title");
+ this.element = container.createChild("div", "sidebar-pane-title");
this.element.textContent = pane.title();
this.element.tabIndex = 0;
this.element.addEventListener("click", this._toggleExpanded.bind(this), false);
{
WebInspector.View.call(this);
this.element.className = "sidebar-pane-stack fill";
+ this.registerRequiredCSS("sidebarPane.css");
}
WebInspector.SidebarPaneStack.prototype = {
{
WebInspector.TabbedPane.call(this);
this.element.addStyleClass("sidebar-tabbed-pane");
+ this.registerRequiredCSS("sidebarPane.css");
}
WebInspector.SidebarTabbedPane.prototype = {
<file>UglifyJS/parse-js.js</file>
<file>auditsPanel.css</file>
<file>breadcrumbList.css</file>
+ <file>breakpointsList.css</file>
<file>canvasProfiler.css</file>
<file>cssNamedFlows.css</file>
<file>dataGrid.css</file>
<file>resourcesPanel.css</file>
<file>revisionHistory.css</file>
<file>scriptsPanel.css</file>
+ <file>sidebarPane.css</file>
<file>spectrum.css</file>
<file>splitView.css</file>
<file>tabbedPane.css</file>
--- /dev/null
+/*
+ * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
+ * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
+ * its contributors may be used to endorse or promote products derived
+ * from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
+ * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+.sidebar-pane > .body .breakpoint-condition {
+ display: block;
+ margin-top: 4px;
+ margin-bottom: 4px;
+ margin-left: 23px;
+ margin-right: 8px;
+}
+
+#breakpoint-condition-input {
+ display: block;
+ margin-left: 0;
+ margin-right: 0;
+ outline: none !important;
+ border: 1px solid rgb(66%, 66%, 66%);
+}
+
+ol.breakpoint-list {
+ -webkit-padding-start: 0;
+ list-style: none;
+ margin: 0;
+}
+
+.breakpoints-list-deactivated {
+ background-color: rgb(245, 245, 245);
+ opacity: 0.3;
+}
+
+.breakpoint-list li {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ padding: 2px 0;
+ color: black;
+}
+
+.breakpoint-list li:hover {
+ background-color: rgba(56, 121, 217, 0.2);
+}
+
+.breakpoint-list .checkbox-elem {
+ font-size: 10px;
+ margin: 0 4px;
+ vertical-align: top;
+ position: relative;
+ z-index: 1;
+}
+
+.breakpoint-list .source-text {
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ margin: 2px 0 0px 20px;
+}
+
+.sidebar-pane .breakpoint-hit {
+ background-color: rgb(255, 255, 194);
+}
+
+li.breakpoint-hit .breakpoint-hit-marker {
+ background-color: rgb(255, 255, 194);
+ height: 18px;
+ left: 0px;
+ margin-top: -16px;
+ position: absolute;
+ right: 0px;
+ z-index: -1;
+}
+
+.event-listener-breakpoints .event-category {
+ font-size: 11px;
+ font-weight: bold;
+ color: rgb(96, 96, 96);
+ padding-top: 2px;
+}
+
+.event-listener-breakpoints.properties-tree .children li {
+ margin-left: 12px;
+ height: 16px;
+}
+
+.event-listener-breakpoints .checkbox-elem {
+ font-size: 10px;
+ float: left;
+ top: -2px;
+ position: relative;
+ left: -1px;
+}
.sidebar-pane.composite .styles-section.read-only {
background-color: inherit;
}
+
+.panel.elements .sidebar-pane-toolbar > select {
+ float: right;
+ width: 23px;
+ height: 17px;
+ color: transparent;
+ background-color: transparent;
+ border: none;
+ background-repeat: no-repeat;
+ margin: 1px 0 0 0;
+ padding: 0;
+ -webkit-border-radius: 0;
+ -webkit-appearance: none;
+}
+
+.panel.elements .sidebar-pane-toolbar > select:hover {
+ background-position: -23px 0px;
+}
+
+.panel.elements .sidebar-pane-toolbar > select:active {
+ background-position: -46px 0px;
+}
+
+.panel.elements .sidebar-pane-toolbar > select.select-settings {
+ background-image: url(Images/paneSettingsButtons.png);
+}
+
+.panel.elements .sidebar-pane-toolbar > select.select-filter {
+ background-image: url(Images/paneFilterButtons.png);
+}
+
+.panel.elements .sidebar-pane-toolbar > select > option, .panel.elements .sidebar-pane-toolbar > select > hr {
+ color: black;
+}
display: block;
}
-.sidebar-pane .section .properties, .event-bar .event-properties {
+.event-bar .event-properties {
padding-left: 16px;
}
display: block;
}
-.event-listener-breakpoints .event-category {
- font-size: 11px;
- font-weight: bold;
- color: rgb(96, 96, 96);
- padding-top: 2px;
-}
-
-.event-listener-breakpoints.properties-tree .children li {
- margin-left: 12px;
- height: 16px;
-}
-
-.event-listener-breakpoints .checkbox-elem {
- font-size: 10px;
- float: left;
- top: -2px;
- position: relative;
- left: -1px;
-}
-
.editing {
-webkit-user-select: text;
-webkit-box-shadow: rgba(0, 0, 0, .5) 3px 3px 4px;
border: 1px solid rgba(64, 64, 64, 0.8);
}
-.pane-title + .pane-title, .pane:not(.visible) + .pane-title, .pane-title:first-of-type {
- margin-top: -1px;
-}
-
-.pane-title {
- position: relative;
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
- height: 20px;
- padding: 0 5px;
- border-top: 1px solid rgb(189, 189, 189);
- border-bottom: 1px solid rgb(189, 189, 189);
- font-weight: bold;
- font-size: 12px;
- line-height: 18px;
- color: rgb(110, 110, 110);
- text-shadow: white 0 1px 0;
- -webkit-background-origin: padding;
- -webkit-background-clip: padding;
-}
-
-.pane-title:active {
- background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
- border-top: 1px solid rgb(178, 178, 178);
- border-bottom: 1px solid rgb(178, 178, 178);
-}
-
-.pane-title::before {
- content: url(Images/disclosureTriangleSmallRightBlack.png);
- float: left;
- width: 11px;
- height: 12px;
- margin-right: 2px;
- margin-top: 1px;
-}
-
-.pane-title.expanded::before {
- content: url(Images/disclosureTriangleSmallDownBlack.png);
-}
-
-.sidebar-pane-toolbar {
- font-weight: bold;
- font-size: 12px;
- line-height: 18px;
- color: rgb(110, 110, 110);
- text-shadow: white 0 1px 0;
- left: 0;
- right: 0;
- top: 0;
- height: 20px;
- position: absolute;
- pointer-events: none;
-}
-
-.sidebar-pane-toolbar > * {
- pointer-events: auto;
-}
-
-.sidebar-pane-toolbar > select {
- float: right;
- width: 23px;
- height: 17px;
- color: transparent;
- background-color: transparent;
- border: none;
- background-repeat: no-repeat;
- margin: 1px 0 0 0;
- padding: 0;
- -webkit-border-radius: 0;
- -webkit-appearance: none;
-}
-
-.sidebar-pane-toolbar > select:hover {
- background-position: -23px 0px;
-}
-
-.sidebar-pane-toolbar > select:active {
- background-position: -46px 0px;
-}
-
-.sidebar-pane-toolbar > select.select-settings {
- background-image: url(Images/paneSettingsButtons.png);
-}
-
-.sidebar-pane-toolbar > select.select-filter {
- background-image: url(Images/paneFilterButtons.png);
-}
-
-.sidebar-pane-toolbar > select > option, .sidebar-pane-toolbar > select > hr {
- color: black;
-}
-
-.sidebar-pane-toolbar > .pane-title-button {
- float: right;
- width: 23px;
- height: 17px;
- color: transparent;
- background-color: transparent;
- border: none;
- background-repeat: no-repeat;
- margin: 1px 0 0 0;
- padding: 0;
- -webkit-border-radius: 0;
- -webkit-appearance: none;
-}
-
-.sidebar-pane-toolbar > .pane-title-button:hover {
- background-position: -23px 0px;
-}
-
-.sidebar-pane-toolbar > .pane-title-button:active, .sidebar-pane-toolbar > .pane-title-button.toggled {
- background-position: -46px 0px;
-}
-
-.sidebar-pane-toolbar > .pane-title-button.add {
- background-image: url(Images/paneAddButtons.png);
-}
-
-.sidebar-pane-toolbar > .pane-title-button.element-state {
- background-image: url(Images/paneElementStateButtons.png);
-}
-
-.sidebar-pane-toolbar > .pane-title-button.refresh {
- background-image: url(Images/paneRefreshButtons.png);
-}
-
-.sidebar-pane {
- position: relative;
-}
-
-.sidebar-pane > .body {
- position: relative;
- display: none;
- overflow-y: auto;
- overflow-x: hidden;
-}
-
-.sidebar-pane > .body .info {
- text-align: center;
- font-style: italic;
- font-size: 10px;
- padding: 6px;
- color: black;
-}
-
-.sidebar-pane > .body .placard + .info {
- border-top: 1px solid rgb(189, 189, 189);
- background-color: rgb(255, 255, 194);
-}
-
-.sidebar-pane.visible > .body {
- display: block;
-}
-
-.sidebar-pane > .body .breakpoint-condition {
- display: block;
- margin-top: 4px;
- margin-bottom: 4px;
- margin-left: 23px;
- margin-right: 8px;
-}
-
-.sidebar-tabbed-pane .tabbed-pane-header {
- background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
- border-bottom: 1px solid rgb(202, 202, 202);
-}
-
-
-#breakpoint-condition-input {
- display: block;
- margin-left: 0;
- margin-right: 0;
- outline: none !important;
- border: 1px solid rgb(66%, 66%, 66%);
-}
-
-.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
- border-bottom: 1px solid rgb(189, 189, 189);
-}
-
-.sidebar-pane-subtitle {
- position: absolute;
- right: 0;
- /*height: 20px;*/
- font-weight: normal;
-}
-
-body.platform-windows .sidebar-pane-subtitle {
- padding-top: 1px;
-}
-
-.sidebar-pane-subtitle input, .section .header input[type=checkbox] {
- font-size: inherit;
- height: 1em;
- width: 1em;
- margin-left: 0;
- margin-top: 0;
- margin-bottom: 0.25em;
- vertical-align: bottom;
-}
-
.sidebar {
overflow-x: hidden;
background-color: rgb(214, 221, 229);
-webkit-mask-position: 0 0;
}
-ol.breakpoint-list {
- -webkit-padding-start: 0;
- list-style: none;
- margin: 0;
-}
-
-.breakpoints-list-deactivated {
- background-color: rgb(245, 245, 245);
- opacity: 0.3;
-}
-
-.breakpoint-list li {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- padding: 2px 0;
- color: black;
-}
-
-.breakpoint-list li:hover {
- background-color: rgba(56, 121, 217, 0.2);
-}
-
-.breakpoint-list .checkbox-elem {
- font-size: 10px;
- margin: 0 4px;
- vertical-align: top;
- position: relative;
- z-index: 1;
-}
-
-.breakpoint-list .source-text {
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- margin: 2px 0 0px 20px;
-}
-
-.sidebar-pane .breakpoint-hit {
- background-color: rgb(255, 255, 194);
-}
-
-li.breakpoint-hit .breakpoint-hit-marker {
- background-color: rgb(255, 255, 194);
- height: 18px;
- left: 0px;
- margin-top: -16px;
- position: absolute;
- right: 0px;
- z-index: -1;
-}
-
.webkit-html-js-node, .webkit-html-css-node {
white-space: pre;
}
padding: 0;
}
-.workers-list > li {
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- margin-left: 1em;
- font-size: 12px;
-}
-
-a.worker-item {
- color: rgb(33%, 33%, 33%);
- cursor: pointer;
- text-decoration: none;
-}
-
-a.worker-item:hover {
- color: rgb(15%, 15%, 15%);
-}
-
.resource-content-unavailable {
color: rgb(50%, 50%, 50%);
font-style: italic;
top: 23px;
overflow: auto;
}
+
+.workers-list > li {
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ margin-left: 1em;
+ font-size: 12px;
+}
+
+a.worker-item {
+ color: rgb(33%, 33%, 33%);
+ cursor: pointer;
+ text-decoration: none;
+}
+
+a.worker-item:hover {
+ color: rgb(15%, 15%, 15%);
+}
--- /dev/null
+/*
+ * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
+ * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
+ *
+ * Redistribution and use in source and binary forms, with or without
+ * modification, are permitted provided that the following conditions
+ * are met:
+ *
+ * 1. Redistributions of source code must retain the above copyright
+ * notice, this list of conditions and the following disclaimer.
+ * 2. Redistributions in binary form must reproduce the above copyright
+ * notice, this list of conditions and the following disclaimer in the
+ * documentation and/or other materials provided with the distribution.
+ * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
+ * its contributors may be used to endorse or promote products derived
+ * from this software without specific prior written permission.
+ *
+ * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
+ * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+ * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
+ * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
+ * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
+ * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
+ * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
+ * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+ * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
+ * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+ */
+
+.sidebar-pane {
+ position: relative;
+}
+
+.sidebar-pane > .body {
+ position: relative;
+ display: none;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+
+.sidebar-pane > .body .info {
+ text-align: center;
+ font-style: italic;
+ font-size: 10px;
+ padding: 6px;
+ color: black;
+}
+
+.sidebar-pane > .body .placard + .info {
+ border-top: 1px solid rgb(189, 189, 189);
+ background-color: rgb(255, 255, 194);
+}
+
+.sidebar-pane.visible > .body {
+ display: block;
+}
+
+.sidebar-pane .section .properties {
+ padding-left: 16px;
+}
+
+.sidebar-tabbed-pane .tabbed-pane-header {
+ background-image: -webkit-linear-gradient(rgb(243,243,243), rgb(235,235,235));
+ border-bottom: 1px solid rgb(202, 202, 202);
+}
+
+.sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
+ border-bottom: 1px solid rgb(189, 189, 189);
+}
+
+
+.sidebar-pane-title {
+ position: relative;
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(243, 243, 243)), color-stop(0.05, rgb(243, 243, 243)), color-stop(0.05, rgb(230, 230, 230)), to(rgb(209, 209, 209)));
+ height: 20px;
+ padding: 0 5px;
+ border-top: 1px solid rgb(189, 189, 189);
+ border-bottom: 1px solid rgb(189, 189, 189);
+ font-weight: bold;
+ font-size: 12px;
+ line-height: 18px;
+ color: rgb(110, 110, 110);
+ text-shadow: white 0 1px 0;
+ -webkit-background-origin: padding;
+ -webkit-background-clip: padding;
+}
+
+
+.sidebar-pane-title + .sidebar-pane-title, .pane:not(.visible) + .sidebar-pane-title, .sidebar-pane-title:first-of-type {
+ margin-top: -1px;
+}
+
+.sidebar-pane-title:active {
+ background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(231, 231, 231)), color-stop(0.05, rgb(231, 231, 231)), color-stop(0.05, rgb(207, 207, 207)), to(rgb(186, 186, 186)));
+ border-top: 1px solid rgb(178, 178, 178);
+ border-bottom: 1px solid rgb(178, 178, 178);
+}
+
+.sidebar-pane-title::before {
+ content: url(Images/disclosureTriangleSmallRightBlack.png);
+ float: left;
+ width: 11px;
+ height: 12px;
+ margin-right: 2px;
+ margin-top: 1px;
+}
+
+.sidebar-pane-title.expanded::before {
+ content: url(Images/disclosureTriangleSmallDownBlack.png);
+}
+
+.sidebar-pane-toolbar {
+ font-weight: bold;
+ font-size: 12px;
+ line-height: 18px;
+ color: rgb(110, 110, 110);
+ text-shadow: white 0 1px 0;
+ left: 0;
+ right: 0;
+ top: 0;
+ height: 20px;
+ position: absolute;
+ pointer-events: none;
+}
+
+.sidebar-pane-toolbar > * {
+ pointer-events: auto;
+}
+
+.sidebar-pane-toolbar > .pane-title-button {
+ float: right;
+ width: 23px;
+ height: 17px;
+ color: transparent;
+ background-color: transparent;
+ border: none;
+ background-repeat: no-repeat;
+ margin: 1px 0 0 0;
+ padding: 0;
+ -webkit-border-radius: 0;
+ -webkit-appearance: none;
+}
+
+.sidebar-pane-toolbar > .pane-title-button:hover {
+ background-position: -23px 0px;
+}
+
+.sidebar-pane-toolbar > .pane-title-button:active, .sidebar-pane-toolbar > .pane-title-button.toggled {
+ background-position: -46px 0px;
+}
+
+.sidebar-pane-toolbar > .pane-title-button.add {
+ background-image: url(Images/paneAddButtons.png);
+}
+
+.sidebar-pane-toolbar > .pane-title-button.element-state {
+ background-image: url(Images/paneElementStateButtons.png);
+}
+
+.sidebar-pane-toolbar > .pane-title-button.refresh {
+ background-image: url(Images/paneRefreshButtons.png);
+}
+
+.sidebar-pane-subtitle {
+ position: absolute;
+ right: 0;
+ font-weight: normal;
+}
+
+body.platform-windows .sidebar-pane-subtitle {
+ padding-top: 1px;
+}
+
+.sidebar-pane-subtitle input, .section .header input[type=checkbox] {
+ font-size: inherit;
+ height: 1em;
+ width: 1em;
+ margin-left: 0;
+ margin-top: 0;
+ margin-bottom: 0.25em;
+ vertical-align: bottom;
+}
git://git.webkit.org / WebKit-https.git / commitdiff