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 /* ListWidget items */
29 .list-widget-item:not(.selected):not(.empty):hover {
30 /* background: linear-gradient(rgba(255,255,255,0.9), rgba(255,255,255,0.85)), Highlight;*/
33 .list-widget-item.selected.light {
34 /* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
38 .list-widget-item.selected {
43 .list-widget-item.empty {
48 /* Stack frames view */
54 .dbg-stackframe-details {
55 -moz-padding-start: 4px;
58 .dbg-stackframe-menuitem[checked] {
61 outline: 1px solid #008484;
65 .dbg-stackframe-menuitem-details {
66 -moz-padding-start: 16px;
69 /* Sources and breakpoints view */
72 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
75 .dbg-breakpoint-line {
79 .dbg-breakpoint-text {
80 -moz-margin-start: 10px !important;
84 /* Watch expressions view */
93 -moz-padding-start: 8px;
96 .dbg-expression-arrow {
99 background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
102 .dbg-expression-input {
103 -moz-padding-start: 2px !important;
104 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
107 /* Searchbox and the search operations help panel */
109 .devtools-searchinput {
111 -moz-margin-start: 1px;
114 #searchbox-panel-description {
117 -moz-margin-start: 2px;
120 .searchbox-panel-operator-button {
124 -moz-margin-start: 2px;
125 -moz-margin-end: 6px;
127 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
130 .searchbox-panel-operator-label {
134 /* Searchbox results panel */
140 .results-panel-item {
141 border: 1px solid #A09090;
142 border-top-color: #8050B0;
147 .results-panel-item:first-of-type {
148 border-top-color: #9C9CFF;
149 border-radius: 4px 4px 0 0;
152 .results-panel-item:last-of-type {
153 border-radius: 0 0 4px 4px;
156 .results-panel-item:only-of-type {
160 .results-panel-item:not(.selected):not(:hover) {
161 /* text-shadow: 0 1px #fff;*/
164 .results-panel-item-pre {
165 -moz-margin-end: 5px !important;
170 .results-panel-item-name {
176 .results-panel-item-details {
181 /* Sources search view */
187 #globalsearch > vbox:not(:empty) {
192 #globalsearch + .devtools-horizontal-splitter {
193 -moz-border-top-colors: #9C9CFF;
196 .dbg-source-results {
198 background: none !important;
201 .dbg-results-header {
202 -moz-padding-start: 6px;
205 .dbg-results-header-location {
209 .dbg-results-header-match-count {
210 -moz-padding-start: 6px;
214 .dbg-results-line-number {
217 -moz-border-end: 1px solid #9C9CFF;
218 -moz-padding-end: 4px;
221 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
225 .dbg-results-line-contents {
226 -moz-padding-start: 4px;
229 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
232 .dbg-results-line-contents-string {
236 .dbg-results-line-contents-string[match=true] {
240 border: 1px solid #9C9CFF;
245 .dbg-results-line-contents-string[match=true][focusing] {
246 transition: transform 0.3s ease-in-out;
249 .dbg-results-line-contents-string[match=true][focused] {
250 transition-duration: 0.1s;
251 transform: scale(1.75, 1.75);
254 /* Toolbar Controls */
257 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
258 -moz-image-region: rect(0px, 16px, 16px, 0px);
261 #toggle-panes:not([panesHidden]) {
262 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
266 #toggle-panes:hover:active {
267 -moz-image-region: rect(0px, 32px, 16px, 16px);
270 #resumption-panel-desc {
274 #resumption-order-panel {
275 -moz-margin-start: -8px;
279 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
280 -moz-image-region: rect(0px, 16px, 16px, 0px);
283 #resume[checked=true],
285 -moz-image-region: rect(0px, 32px, 16px, 16px);
289 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
290 -moz-image-region: rect(0px, 16px, 16px, 0px);
293 -moz-image-region: rect(0px, 32px, 16px, 16px);
297 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
298 -moz-image-region: rect(0px, 16px, 16px, 0px);
301 -moz-image-region: rect(0px, 32px, 16px, 16px);
305 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
306 -moz-image-region: rect(0px, 16px, 16px, 0px);
309 -moz-image-region: rect(0px, 32px, 16px, 16px);
312 #debugger-controls > toolbarbutton {
315 #debugger-controls > toolbarbutton:last-of-type {
321 #instruments-pane-toggle {
325 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
326 -moz-image-region: rect(0px,16px,16px,0px);
329 #instruments-pane-toggle[pane-collapsed] {
330 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
333 #instruments-pane-toggle:hover,
334 #instruments-pane-toggle:hover:active {
335 -moz-image-region: rect(0px,32px,16px,16px);