tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / devtools / debugger.css
... / ...
CommitLineData
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/. */
4
5window {
6 padding: 0;
7}
8
9#body {
10 background-color: #000000;
11}
12
13/* Sources and breakpoints pane */
14
15#sources-pane {
16 min-width: 50px;
17}
18
19#sources-pane + .devtools-side-splitter {
20 -moz-border-start-color: transparent;
21}
22
23/* ListWidget items */
24
25.list-widget-item {
26 padding: 2px;
27}
28
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;*/
31}
32
33.list-widget-item.selected.light {
34/* background: linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.8)), Highlight;
35 color: #000;*/
36}
37
38.list-widget-item.selected {
39 background: #008484;
40 color: #FFCF00;
41}
42
43.list-widget-item.empty {
44 color: #8050B0;
45 /* padding: 4px; */
46}
47
48/* Stack frames view */
49
50#stackframes {
51 min-height: 25px;
52}
53
54.dbg-stackframe-details {
55 -moz-padding-start: 4px;
56}
57
58.dbg-stackframe-menuitem[checked] {
59 margin-top: 3px;
60 margin-bottom: 3px;
61 outline: 1px solid #008484;
62 font-weight: 600;
63}
64
65.dbg-stackframe-menuitem-details {
66 -moz-padding-start: 16px;
67}
68
69/* Sources and breakpoints view */
70
71.dbg-breakpoint {
72 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
73}
74
75.dbg-breakpoint-line {
76 font-weight: 600;
77}
78
79.dbg-breakpoint-text {
80 -moz-margin-start: 10px !important;
81 font-style: italic;
82}
83
84/* Watch expressions view */
85
86#expressions {
87 min-height: 10px;
88 max-height: 125px;
89}
90
91.dbg-expression {
92 height: 20px;
93 -moz-padding-start: 8px;
94}
95
96.dbg-expression-arrow {
97 width: 10px;
98 height: auto;
99 background: url("chrome://browser/skin/devtools/commandline.png") 0px 4px no-repeat;
100}
101
102.dbg-expression-input {
103 -moz-padding-start: 2px !important;
104 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
105}
106
107/* Searchbox and the search operations help panel */
108
109.devtools-searchinput {
110 min-width: 220px;
111 -moz-margin-start: 1px;
112}
113
114#searchbox-panel-description {
115 margin-top: 0;
116 margin-bottom: 8px;
117 -moz-margin-start: 2px;
118}
119
120.searchbox-panel-operator-button {
121 min-width: 26px;
122 margin-top: 0;
123 margin-bottom: 0;
124 -moz-margin-start: 2px;
125 -moz-margin-end: 6px;
126 text-align: center;
127 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
128}
129
130.searchbox-panel-operator-label {
131 padding-bottom: 2px;
132}
133
134/* Searchbox results panel */
135
136.results-panel {
137 padding: 4px;
138}
139
140.results-panel-item {
141 border: 1px solid #A09090;
142 border-top-color: #8050B0;
143 padding: 5px;
144 cursor: pointer;
145}
146
147.results-panel-item:first-of-type {
148 border-top-color: #9C9CFF;
149 border-radius: 4px 4px 0 0;
150}
151
152.results-panel-item:last-of-type {
153 border-radius: 0 0 4px 4px;
154}
155
156.results-panel-item:only-of-type {
157 border-radius: 4px;
158}
159
160.results-panel-item:not(.selected):not(:hover) {
161/* text-shadow: 0 1px #fff;*/
162}
163
164.results-panel-item-pre {
165 -moz-margin-end: 5px !important;
166 color: #A09090;
167 cursor: inherit;
168}
169
170.results-panel-item-name {
171 color: #9C9CFF;
172 font-weight: 600;
173 cursor: inherit;
174}
175
176.results-panel-item-details {
177 color: #FF9F00;
178 cursor: inherit;
179}
180
181/* Sources search view */
182
183#globalsearch {
184 min-height: 10px;
185}
186
187#globalsearch > vbox:not(:empty) {
188 min-height: 10px;
189 max-height: 125px;
190}
191
192#globalsearch + .devtools-horizontal-splitter {
193 -moz-border-top-colors: #9C9CFF;
194}
195
196.dbg-source-results {
197 padding: 0;
198 background: none !important;
199}
200
201.dbg-results-header {
202 -moz-padding-start: 6px;
203}
204
205.dbg-results-header-location {
206 font-weight: 600;
207}
208
209.dbg-results-header-match-count {
210 -moz-padding-start: 6px;
211 color: #8050B0;
212}
213
214.dbg-results-line-number {
215 background: #000000;
216 min-width: 40px;
217 -moz-border-end: 1px solid #9C9CFF;
218 -moz-padding-end: 4px;
219 padding-top: 2px;
220 text-align: end;
221 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
222 color: #FF9F00;
223}
224
225.dbg-results-line-contents {
226 -moz-padding-start: 4px;
227 padding-top: 1px;
228 padding-bottom: 1px;
229 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
230}
231
232.dbg-results-line-contents-string {
233 padding: 1px;
234}
235
236.dbg-results-line-contents-string[match=true] {
237 background: #E7ADE7;
238 color: #000000;
239 padding: 0;
240 border: 1px solid #9C9CFF;
241 border-radius: 4px;
242 cursor: pointer;
243}
244
245.dbg-results-line-contents-string[match=true][focusing] {
246 transition: transform 0.3s ease-in-out;
247}
248
249.dbg-results-line-contents-string[match=true][focused] {
250 transition-duration: 0.1s;
251 transform: scale(1.75, 1.75);
252}
253
254/* Toolbar Controls */
255
256#toggle-panes {
257 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
258 -moz-image-region: rect(0px, 16px, 16px, 0px);
259}
260
261#toggle-panes:not([panesHidden]) {
262 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
263}
264
265#toggle-panes:hover,
266#toggle-panes:hover:active {
267 -moz-image-region: rect(0px, 32px, 16px, 16px);
268}
269
270#resumption-panel-desc {
271 width: 200px;
272}
273
274#resumption-order-panel {
275 -moz-margin-start: -8px;
276}
277
278#resume {
279 list-style-image: url("chrome://browser/skin/devtools/debugger-play.png");
280 -moz-image-region: rect(0px, 16px, 16px, 0px);
281}
282
283#resume[checked=true],
284#resume:hover {
285 -moz-image-region: rect(0px, 32px, 16px, 16px);
286}
287
288#step-over {
289 list-style-image: url("chrome://browser/skin/devtools/debugger-step-over.png");
290 -moz-image-region: rect(0px, 16px, 16px, 0px);
291}
292#step-over:hover {
293 -moz-image-region: rect(0px, 32px, 16px, 16px);
294}
295
296#step-in {
297 list-style-image: url("chrome://browser/skin/devtools/debugger-step-in.png");
298 -moz-image-region: rect(0px, 16px, 16px, 0px);
299}
300#step-in:hover {
301 -moz-image-region: rect(0px, 32px, 16px, 16px);
302}
303
304#step-out {
305 list-style-image: url("chrome://browser/skin/devtools/debugger-step-out.png");
306 -moz-image-region: rect(0px, 16px, 16px, 0px);
307}
308#step-out:hover {
309 -moz-image-region: rect(0px, 32px, 16px, 16px);
310}
311
312#debugger-controls > toolbarbutton {
313}
314
315#debugger-controls > toolbarbutton:last-of-type {
316}
317
318#debugger-controls {
319}
320
321#instruments-pane-toggle {
322/* background: none;
323 box-shadow: none;
324 border: none; */
325 list-style-image: url("chrome://browser/skin/devtools/debugger-collapse.png");
326 -moz-image-region: rect(0px,16px,16px,0px);
327}
328
329#instruments-pane-toggle[pane-collapsed] {
330 list-style-image: url("chrome://browser/skin/devtools/debugger-expand.png");
331}
332
333#instruments-pane-toggle:hover,
334#instruments-pane-toggle:hover:active {
335 -moz-image-region: rect(0px,32px,16px,16px);
336}