1 /* This Source Code Form is subject to the terms of the Mozilla Public
2 * License, v. 2.0. If a copy of the MPL was not distributed with this
3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
10 background-color: #000000;
13 /* Sources and breakpoints pane */
19 #sources-pane + .devtools-side-splitter {
20 -moz-border-start-color: transparent;
23 /* Watch expressions, variables and other instruments pane */
27 -moz-margin-start: 0px !important;
28 /* Unfortunately, transitions don't work properly with locale-aware properties,
29 so both the left and right margins are set via js, while the start margin
30 is always overridden here. */
33 #instruments-pane[animated] {
34 transition: margin 0.25s ease-in-out;
37 /* ListWidget items */
43 .list-widget-item:not(.selected):not(.empty):hover {
44 /* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
47 .list-widget-item.selected.light {
48 /* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
52 .list-widget-item.selected {
57 .list-widget-item.empty {
62 /* Stack frames view */
64 .dbg-stackframe-details {
65 -moz-padding-start: 4px;
68 .dbg-stackframe-menuitem[checked] {
71 outline: 1px solid #008484;
75 .dbg-stackframe-menuitem-details {
76 -moz-padding-start: 16px;
79 /* Sources and breakpoints view */
82 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
85 .dbg-breakpoint-line {
89 .dbg-breakpoint-text {
90 -moz-margin-start: 10px !important;
94 /* Watch expressions view */
103 -moz-padding-start: 8px;
106 .dbg-expression-arrow {
109 background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
112 .dbg-expression-input {
113 -moz-padding-start: 2px !important;
114 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
117 /* Searchbox and the search operations help panel */
119 .devtools-searchinput {
121 -moz-margin-start: 1px;
124 #searchbox-panel-description {
127 -moz-margin-start: 2px;
130 .searchbox-panel-operator-button {
134 -moz-margin-start: 2px;
135 -moz-margin-end: 6px;
137 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
140 .searchbox-panel-operator-label {
144 /* Searchbox results panel */
150 .results-panel-item {
151 border: 1px solid #A09090;
152 border-top-color: #8050B0;
157 .results-panel-item:first-of-type {
158 border-top-color: #9C9CFF;
159 border-radius: 4px 4px 0 0;
162 .results-panel-item:last-of-type {
163 border-radius: 0 0 4px 4px;
166 .results-panel-item:only-of-type {
170 .results-panel-item:not(.selected):not(:hover) {
171 /* text-shadow: 0 1px #fff;*/
174 .results-panel-item-pre {
175 -moz-margin-end: 5px !important;
180 .results-panel-item-name {
186 .results-panel-item-details {
191 /* Sources search view */
197 #globalsearch > vbox:not(:empty) {
202 #globalsearch + .devtools-horizontal-splitter {
203 -moz-border-top-colors: #9C9CFF;
206 .dbg-source-results {
208 background: none !important;
211 .dbg-results-header {
212 -moz-padding-start: 6px;
215 .dbg-results-header-location {
219 .dbg-results-header-match-count {
220 -moz-padding-start: 6px;
224 .dbg-results-line-number {
227 -moz-border-end: 1px solid #9C9CFF;
228 -moz-padding-end: 4px;
231 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
235 .dbg-results-line-contents {
236 -moz-padding-start: 4px;
239 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
242 .dbg-results-line-contents-string {
246 .dbg-results-line-contents-string[match=true] {
250 border: 1px solid #9C9CFF;
255 .dbg-results-line-contents-string[match=true][focusing] {
256 transition: transform 0.3s ease-in-out;
259 .dbg-results-line-contents-string[match=true][focused] {
260 transition-duration: 0.1s;
261 transform: scale(1.75, 1.75);
264 /* Toolbar Controls */
267 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
268 -moz-image-region: rect(0px, 16px, 16px, 0px);
271 #toggle-panes:not([panesHidden]) {
272 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
276 #toggle-panes:hover:active {
277 -moz-image-region: rect(0px, 32px, 16px, 16px);
281 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
282 -moz-image-region: rect(0px, 16px, 16px, 0px);
285 #resume[checked=true],
287 -moz-image-region: rect(0px, 32px, 16px, 16px);
291 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
292 -moz-image-region: rect(0px, 16px, 16px, 0px);
295 -moz-image-region: rect(0px, 32px, 16px, 16px);
299 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
300 -moz-image-region: rect(0px, 16px, 16px, 0px);
303 -moz-image-region: rect(0px, 32px, 16px, 16px);
307 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
308 -moz-image-region: rect(0px, 16px, 16px, 0px);
311 -moz-image-region: rect(0px, 32px, 16px, 16px);
314 #debugger-controls > toolbarbutton {
317 #debugger-controls > toolbarbutton:last-of-type {
323 #instruments-pane-toggle {
327 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
328 -moz-image-region: rect(0px,16px,16px,0px);
331 #instruments-pane-toggle:not([toggled]) {
332 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
335 #instruments-pane-toggle:hover,
336 #instruments-pane-toggle:hover:active {
337 -moz-image-region: rect(0px,32px,16px,16px);