2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions
9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer.
11 * 2. Redistributions in binary form must reproduce the above copyright
12 * notice, this list of conditions and the following disclaimer in the
13 * documentation and/or other materials provided with the distribution.
14 * 3. Neither the name of Apple Computer, Inc. ("Apple") nor the names of
15 * its contributors may be used to endorse or promote products derived
16 * from this software without specific prior written permission.
18 * THIS SOFTWARE IS PROVIDED BY APPLE AND ITS CONTRIBUTORS "AS IS" AND ANY
19 * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
20 * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
35 .sidebar-pane > .body {
42 .sidebar-pane > .body .info {
50 .sidebar-pane > .body .placard + .info {
51 border-top: 1px solid rgb(189, 189, 189);
52 background-color: rgb(255, 255, 194);
55 .sidebar-pane.visible > .body {
59 .sidebar-pane .section .properties {
63 .sidebar-tabbed-pane .tabbed-pane-header {
64 border-bottom: 1px solid rgb(202, 202, 202);
65 background-color: rgb(236, 236, 236);
68 .sidebar-pane-stack > .sidebar-pane.visible:nth-last-of-type(1) {
69 border-bottom: 1px solid rgb(189, 189, 189);
74 background: rgb(240, 240, 240);
77 border-top: 1px solid rgb(189, 189, 189);
78 border-bottom: 1px solid rgb(189, 189, 189);
80 background-origin: padding;
81 background-clip: padding;
85 .sidebar-pane-title:active {
86 background-color: rgb(204, 204, 204);
87 border-top: 1px solid rgb(178, 178, 178);
88 border-bottom: 1px solid rgb(178, 178, 178);
91 .sidebar-pane-title::before {
92 background-image: url(Images/statusbarButtonGlyphs.png);
93 background-size: 320px 144px;
105 @media (-webkit-min-device-pixel-ratio: 1.5) {
106 .sidebar-pane-title::before {
107 background-image: url(Images/statusbarButtonGlyphs2x.png);
111 .sidebar-pane-title::before {
112 background-position: -4px -96px;
115 .sidebar-pane-title.expanded::before {
116 background-position: -20px -96px;
119 .sidebar-pane-toolbar {
126 pointer-events: none;
129 .sidebar-pane-toolbar > * {
130 pointer-events: auto;
133 .sidebar-pane-toolbar > .pane-title-button,
134 .sidebar-pane-toolbar > label {
137 background-color: transparent;
139 background-repeat: no-repeat;
143 -webkit-appearance: none;
146 .sidebar-pane-toolbar > .pane-title-button {
151 .sidebar-pane-toolbar > .pane-title-button:hover {
152 background-position: -23px 0;
155 .sidebar-pane-toolbar > .pane-title-button:active,
156 .sidebar-pane-toolbar > .pane-title-button.toggled {
157 background-position: -46px 0;
160 .sidebar-pane-toolbar > .pane-title-button.add {
161 background-image: url(Images/paneAddButtons.png);
164 .sidebar-pane-toolbar > .pane-title-button.element-state {
165 background-image: url(Images/paneElementStateButtons.png);
168 .sidebar-pane-toolbar > .pane-title-button.refresh {
169 background-image: url(Images/paneRefreshButtons.png);
172 .sidebar-pane-toolbar > label > input {
173 vertical-align: bottom;
176 .sidebar-pane-toolbar > label.scripts-callstack-async {
180 .sidebar-pane-subtitle {
185 body.platform-windows .sidebar-pane-subtitle {
189 .sidebar-pane-subtitle input,
190 .section > .header input[type=checkbox] {
195 margin-bottom: 0.25em;
196 vertical-align: bottom;