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.
30 .scripts-pause-on-exceptions-status-bar-item .glyph {
31 -webkit-mask-position: -256px 0;
34 .scripts-pause-on-exceptions-status-bar-item.toggled-on .glyph {
35 background-color: rgb(66, 129, 235);
38 .evaluate-snippet-status-bar-item .glyph {
39 -webkit-mask-position: -64px -48px;
42 .evaluate-snippet-status-bar-item.toggled .glyph {
43 background-color: rgb(66, 129, 235);
46 .scripts-debug-toolbar {
50 background-color: rgb(236, 236, 236);
55 .scripts-debug-toolbar-drawer {
57 -webkit-transition: margin-top 0.1s ease-in-out;
61 border-bottom: 1px solid rgb(202, 202, 202);
62 background-color: white;
66 .scripts-debug-toolbar-drawer.expanded {
70 .scripts-debug-toolbar-drawer > label {
75 #scripts-editor-toolbar {
81 .scripts-run-snippet .glyph {
82 -webkit-mask-position: -64px -48px;
85 .scripts-pause .glyph {
86 -webkit-mask-position: -32px -72px;
89 .scripts-pause.toggled-on .glyph {
90 -webkit-mask-position: 0 -72px;
93 .scripts-step-over .glyph {
94 -webkit-mask-position: -128px -72px;
97 .scripts-step-into .glyph {
98 -webkit-mask-position: -64px -72px;
101 .scripts-step-out .glyph {
102 -webkit-mask-position: -96px -72px;
105 .scripts-long-resume .glyph {
106 -webkit-mask-position: -64px -48px;
109 .scripts-toggle-breakpoints.toggled-on .glyph {
110 -webkit-mask-position: -32px 0;
113 .scripts-toggle-breakpoints .glyph {
114 -webkit-mask-position: 0 -24px;
117 .status-bar-item.scripts-navigator-show-hide-button,
118 .status-bar-item.scripts-debugger-show-hide-button {
122 .panel.sources .tabbed-pane-header {
123 background-color: rgb(236, 236, 236);
126 button.status-bar-item.scripts-navigator-show-hide-button {
130 button.status-bar-item.scripts-navigator-show-hide-button.toggled-overlay {
135 .scripts-views-container {
148 .script-view.visible {
152 .dedicated-worker-item {
153 margin: 5px 0 5px 1px;
156 #shared-workers-list {
157 margin: 5px 0 5px 20px;
161 #pause-workers-checkbox > input {
166 .panel.sources #sources-editor-container-tabbed-pane .tabbed-pane-header-contents {
171 .function-location-link {
176 .function-popover-title {
177 border-bottom: 1px solid #AAA;
182 .function-popover-title .function-name {
186 button.status-bar-item.scripts-debugger-show-hide-button {
190 button.status-bar-item.scripts-debugger-show-hide-button.toggled-left {
196 text-overflow: ellipsis;
203 color: rgb(33%, 33%, 33%);
205 text-decoration: none;
208 a.worker-item:hover {
209 color: rgb(15%, 15%, 15%);
212 .source-frame-debugger-script {
213 background-color: rgba(255, 255, 194, 0.5);
216 .source-frame-unsaved-committed-changes {
217 background-color: rgba(255, 225, 205, 0.40);
220 .tabbed-pane-placeholder {
224 text-shadow: rgba(255, 255, 255, 0.75) 0 1px 0;
227 .tabbed-pane-header-tab-icon {
236 .editor-container-unsaved-committed-changes-icon {
237 background-image: url(Images/statusbarButtonGlyphs.png);
238 background-size: 320px 144px;
239 background-position: -202px -107px;
242 .sources-status-bar {
246 .sources-status-bar div.resizer-widget {
249 -webkit-transform: rotate(90deg);
254 .sources-status-bar .scripts-debugger-show-hide-button {
255 margin-top: 1px !important;
256 height: 16px !important;
257 -webkit-transform: rotate(90deg);
261 .panel.sources .sidebar-pane-stack {