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 */
50 .dbg-stackframe-details {
51 -moz-padding-start: 4px;
54 .dbg-stackframe-menuitem[checked] {
57 outline: 1px solid #008484;
61 .dbg-stackframe-menuitem-details {
62 -moz-padding-start: 16px;
65 /* Sources and breakpoints view */
68 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
71 .dbg-breakpoint-line {
75 .dbg-breakpoint-text {
76 -moz-margin-start: 10px !important;
80 /* Watch expressions view */
89 -moz-padding-start: 8px;
92 .dbg-expression-arrow {
95 background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
98 .dbg-expression-input {
99 -moz-padding-start: 2px !important;
100 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
103 /* Searchbox and the search operations help panel */
105 .devtools-searchinput {
107 -moz-margin-start: 1px;
110 #searchbox-panel-description {
113 -moz-margin-start: 2px;
116 .searchbox-panel-operator-button {
120 -moz-margin-start: 2px;
121 -moz-margin-end: 6px;
123 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
126 .searchbox-panel-operator-label {
130 /* Searchbox results panel */
136 .results-panel-item {
137 border: 1px solid #A09090;
138 border-top-color: #8050B0;
143 .results-panel-item:first-of-type {
144 border-top-color: #9C9CFF;
145 border-radius: 4px 4px 0 0;
148 .results-panel-item:last-of-type {
149 border-radius: 0 0 4px 4px;
152 .results-panel-item:only-of-type {
156 .results-panel-item:not(.selected):not(:hover) {
157 /* text-shadow: 0 1px #fff;*/
160 .results-panel-item-pre {
161 -moz-margin-end: 5px !important;
166 .results-panel-item-name {
172 .results-panel-item-details {
177 /* Sources search view */
183 #globalsearch > vbox:not(:empty) {
188 #globalsearch + .devtools-horizontal-splitter {
189 -moz-border-top-colors: #9C9CFF;
192 .dbg-source-results {
194 background: none !important;
197 .dbg-results-header {
198 -moz-padding-start: 6px;
201 .dbg-results-header-location {
205 .dbg-results-header-match-count {
206 -moz-padding-start: 6px;
210 .dbg-results-line-number {
213 -moz-border-end: 1px solid #9C9CFF;
214 -moz-padding-end: 4px;
217 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
221 .dbg-results-line-contents {
222 -moz-padding-start: 4px;
225 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
228 .dbg-results-line-contents-string {
232 .dbg-results-line-contents-string[match=true] {
236 border: 1px solid #9C9CFF;
241 .dbg-results-line-contents-string[match=true][focusing] {
242 transition: transform 0.3s ease-in-out;
245 .dbg-results-line-contents-string[match=true][focused] {
246 transition-duration: 0.1s;
247 transform: scale(1.75, 1.75);
250 /* Toolbar Controls */
253 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
254 -moz-image-region: rect(0px, 16px, 16px, 0px);
257 #toggle-panes:not([panesHidden]) {
258 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
262 #toggle-panes:hover:active {
263 -moz-image-region: rect(0px, 32px, 16px, 16px);
266 #resumption-panel-desc {
270 #resumption-order-panel {
271 -moz-margin-start: -8px;
275 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
276 -moz-image-region: rect(0px, 16px, 16px, 0px);
279 #resume[checked=true],
281 -moz-image-region: rect(0px, 32px, 16px, 16px);
285 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
286 -moz-image-region: rect(0px, 16px, 16px, 0px);
289 -moz-image-region: rect(0px, 32px, 16px, 16px);
293 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
294 -moz-image-region: rect(0px, 16px, 16px, 0px);
297 -moz-image-region: rect(0px, 32px, 16px, 16px);
301 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
302 -moz-image-region: rect(0px, 16px, 16px, 0px);
305 -moz-image-region: rect(0px, 32px, 16px, 16px);
308 #debugger-controls > toolbarbutton {
311 #debugger-controls > toolbarbutton:last-of-type {
317 #instruments-pane-toggle {
321 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
322 -moz-image-region: rect(0px,16px,16px,0px);
325 #instruments-pane-toggle[pane-collapsed] {
326 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
329 #instruments-pane-toggle:hover,
330 #instruments-pane-toggle:hover:active {
331 -moz-image-region: rect(0px,32px,16px,16px);