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 */
95 .dbg-expression-arrow {
98 background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16);
101 .dbg-expression-input {
102 -moz-padding-start: 2px !important;
103 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
106 /* Searchbox and the search operations help panel */
108 .devtools-searchinput {
110 -moz-margin-start: 1px;
113 #searchbox-panel-description {
116 -moz-margin-start: 2px;
119 .searchbox-panel-operator-button {
123 -moz-margin-start: 2px;
124 -moz-margin-end: 6px;
126 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
129 .searchbox-panel-operator-label {
133 /* Searchbox results panel */
139 .results-panel-item {
140 border: 1px solid #A09090;
141 border-top-color: #8050B0;
146 .results-panel-item:first-of-type {
147 border-top-color: #9C9CFF;
148 border-radius: 4px 4px 0 0;
151 .results-panel-item:last-of-type {
152 border-radius: 0 0 4px 4px;
155 .results-panel-item:only-of-type {
159 .results-panel-item:not(.selected):not(:hover) {
160 /* text-shadow: 0 1px #fff;*/
163 .results-panel-item-pre {
164 -moz-margin-end: 5px !important;
169 .results-panel-item-name {
175 .results-panel-item-details {
180 /* Sources search view */
186 #globalsearch > vbox:not(:empty) {
191 #globalsearch + .devtools-horizontal-splitter {
192 -moz-border-top-colors: #9C9CFF;
195 .dbg-source-results {
197 background: none !important;
200 .dbg-results-header {
201 -moz-padding-start: 6px;
204 .dbg-results-header-location {
208 .dbg-results-header-match-count {
209 -moz-padding-start: 6px;
213 .dbg-results-line-number {
216 -moz-border-end: 1px solid #9C9CFF;
217 -moz-padding-end: 4px;
220 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
224 .dbg-results-line-contents {
225 -moz-padding-start: 4px;
228 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
231 .dbg-results-line-contents-string {
235 .dbg-results-line-contents-string[match=true] {
239 border: 1px solid #9C9CFF;
244 .dbg-results-line-contents-string[match=true][focusing] {
245 transition: transform 0.3s ease-in-out;
248 .dbg-results-line-contents-string[match=true][focused] {
249 transition-duration: 0.1s;
250 transform: scale(1.75, 1.75);
253 /* Toolbar Controls */
256 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
257 -moz-image-region: rect(0px, 16px, 16px, 0px);
260 #toggle-panes:not([panesHidden]) {
261 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
265 #toggle-panes:hover:active {
266 -moz-image-region: rect(0px, 32px, 16px, 16px);
269 #resumption-panel-desc {
273 #resumption-order-panel {
274 -moz-margin-start: -8px;
278 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
279 -moz-image-region: rect(0px, 16px, 16px, 0px);
282 #resume[checked=true],
284 -moz-image-region: rect(0px, 32px, 16px, 16px);
288 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
289 -moz-image-region: rect(0px, 16px, 16px, 0px);
292 -moz-image-region: rect(0px, 32px, 16px, 16px);
296 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
297 -moz-image-region: rect(0px, 16px, 16px, 0px);
300 -moz-image-region: rect(0px, 32px, 16px, 16px);
304 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
305 -moz-image-region: rect(0px, 16px, 16px, 0px);
308 -moz-image-region: rect(0px, 32px, 16px, 16px);
311 #debugger-controls > toolbarbutton {
314 #debugger-controls > toolbarbutton:last-of-type {
320 #instruments-pane-toggle {
324 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
325 -moz-image-region: rect(0px,16px,16px,0px);
328 #instruments-pane-toggle[pane-collapsed] {
329 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
332 #instruments-pane-toggle:hover,
333 #instruments-pane-toggle:hover:active {
334 -moz-image-region: rect(0px,32px,16px,16px);