tweaks for making devtools look nicer
[themes.git] / LCARStrek / browser / devtools / webconsole.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/* General output styles */
10
11.webconsole-timestamp {
12 color: #8050B0;
13 margin-top: 0;
14 margin-bottom: 0;
15 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
16}
17
18.hud-msg-node {
19 list-style-image: url("chrome://browser/skin/devtools/webconsole.png");
20 -moz-image-region: rect(0, 1px, 0, 0);
21}
22
23.webconsole-msg-icon {
24 margin: 3px 4px;
25 width: 8px;
26 height: 8px;
27}
28
29.hud-output-node div {
30 -moz-user-select: text;
31 white-space: pre-wrap;
32 -moz-user-focus: normal;
33}
34
35.hud-clickable {
36 cursor: pointer;
37 text-decoration: underline;
38}
39
40.webconsole-msg-body {
41 margin-top: 0;
42 margin-bottom: 3px;
43 -moz-margin-start: 3px;
44 -moz-margin-end: 6px;
45 white-space: pre-wrap;
46 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
47}
48
49.webconsole-msg-body-piece {
50 margin: 0;
51}
52
53.webconsole-msg-url {
54 margin: 0 6px;
55}
56
57/* Repeated messages */
58.webconsole-msg-repeat {
59 margin: 2px 0;
60 padding-left: 4px;
61 padding-right: 4px;
62 color: #000000;
63 background-color: #FF0000;
64 border-radius: 40px;
65 /* font: message-box; */
66 font-size: 0.9em;
67 font-weight: 600;
68}
69
70/* TODO move this and other functional rules to content - bug 635359 */
71.webconsole-msg-repeat[value="1"] {
72 display: none;
73}
74
75.webconsole-location {
76 margin-top: 0;
77 margin-bottom: 0;
78 -moz-margin-start: 0;
79 -moz-margin-end: 6px;
80 width: 10em;
81 text-align: end;
82}
83
84.hud-msg-node[selected="true"] > .webconsole-timestamp,
85.hud-msg-node[selected="true"] > .webconsole-location {
86 color: inherit;
87}
88
89.jsterm-input-node,
90.jsterm-complete-node {
91 font-family: "Liberation Mono", Consolas, "Courier New", monospace;
92}
93
94.hud-output-node {
95 -moz-appearance: none;
96 border-bottom: 1px solid #9C9CFF;
97 margin: 0;
98}
99
100.hud-filtered-by-type,
101.hud-filtered-by-string {
102 display: none;
103}
104
105.hidden-message {
106 display: block;
107 visibility: hidden;
108 height: 0;
109 overflow: hidden;
110}
111
112/* WebConsole colored drops */
113
114.webconsole-filter-button[checked] {
115 /* color: white !important; */
116}
117
118.webconsole-filter-button > .toolbarbutton-menubutton-button:before {
119 content: "";
120 display: inline-block;
121 height: 8px;
122 width: 8px;
123 border-radius: 50%;
124 margin-left: 5px;
125 border-width: 1px;
126 border-style: solid;
127}
128
129.webconsole-filter-button menuitem {
130 -moz-image-region: auto;
131}
132
133.hud-filter-box {
134 margin-top: 0;
135 margin-bottom: 0;
136}
137
138/* Network styles */
139.webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
140 background-image: linear-gradient(#BF9B00, #7F6700);
141 border-color: #FFCF00;
142}
143
144.webconsole-msg-network > .webconsole-msg-icon-container {
145 -moz-border-start: solid #FFCF00 6px;
146}
147
148.webconsole-msg-network.webconsole-msg-error {
149 -moz-image-region: rect(0, 16px, 8px, 8px);
150}
151
152/* CSS styles */
153.webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
154 background-image: linear-gradient(#7575BF, #4E4E7F);
155 border-color: #9C9CFF;
156}
157
158.webconsole-msg-cssparser > .webconsole-msg-icon-container {
159 -moz-border-start: solid #9C9CFF 6px;
160}
161
162.webconsole-msg-cssparser.webconsole-msg-error {
163 -moz-image-region: rect(8px, 16px, 16px, 8px);
164}
165
166.webconsole-msg-cssparser.webconsole-msg-warn {
167 -moz-image-region: rect(8px, 24px, 16px, 16px);
168}
169
170/* JS styles */
171.webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
172 background-image: linear-gradient(#BF7700, #7F4F00);
173 border-color: #FF9F00;
174}
175
176.webconsole-msg-exception > .webconsole-msg-icon-container {
177 -moz-border-start: solid #FF9F00 6px;
178}
179
180.webconsole-msg-exception.webconsole-msg-error {
181 -moz-image-region: rect(16px, 16px, 24px, 8px);
182}
183
184.webconsole-msg-exception.webconsole-msg-warn {
185 -moz-image-region: rect(16px, 24px, 24px, 16px);
186}
187
188/* Web Developer styles */
189.webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
190 background-image: linear-gradient(#5F3B83, #3F2756);
191 border-color: #8050B0;
192}
193
194.webconsole-msg-console > .webconsole-msg-icon-container {
195 -moz-border-start: solid #8050B0 6px;
196}
197
198.webconsole-msg-console.webconsole-msg-error,
199.webconsole-msg-output.webconsole-msg-error {
200 -moz-image-region: rect(24px, 16px, 32px, 8px);
201}
202
203.webconsole-msg-console.webconsole-msg-warn {
204 -moz-image-region: rect(24px, 24px, 32px, 16px);
205}
206
207.webconsole-msg-console.webconsole-msg-info {
208 -moz-image-region: rect(24px, 32px, 32px, 24px);
209}
210
211webconsole-mixed-content {
212 color: #FF0000;
213}
214
215.webconsole-mixed-content-link {
216 color: #9C9CFF;
217 margin: 0;
218}
219
220/* Input and output styles */
221.webconsole-msg-input > .webconsole-msg-icon-container,
222.webconsole-msg-output > .webconsole-msg-icon-container {
223 border-left: solid #808080 6px;
224}
225
226.webconsole-msg-input {
227 -moz-image-region: rect(24px, 40px, 32px, 32px);
228}
229
230.webconsole-msg-output {
231 -moz-image-region: rect(24px, 48px, 32px, 40px);
232}
233/*
234.webconsole-close-button {
235 border: none;
236 padding-top: 4px;
237 padding-bottom: 5px;
238 list-style-image: url("chrome://global/skin/icons/close-button.gif");
239}
240
241.webconsole-close-button:hover,
242.webconsole-close-button:hover:active {
243 list-style-image: url("chrome://global/skin/icons/close-button-hover.gif");
244}
245*/
246/* JSTerm Styles */
247
248.jsterm-input-node,
249.jsterm-complete-node {
250 -moz-padding-start: 16px;
251 margin: 3px 0 0 0;
252}
253
254.jsterm-input-node {
255 background: url("chrome://browser/skin/devtools/commandline.png") 4px 3px no-repeat;
256}
257
258:-moz-any(.jsterm-input-node,
259 .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
260 overflow-x: hidden;
261}
262
263.jsterm-complete-node > .textbox-input-box > .textbox-textarea {
264 color: #8050B0;
265}
266
267/* Filter */
268
269/*
270 * This hardcoded width likely due to a toolkit Windows specific bug.
271 * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
272 */
273
274.hud-filter-box {
275 width: 200px;
276}
277
278.webconsole-msg-inspector iframe {
279 height: 7em;
280 margin-bottom: 15px;
281 -moz-margin-end: 15px;
282 border-radius: 4px;
283}
284
285#webconsole-sidebar > tabs {
286 height: 0;
287 border: none;
288}
289
290.webconsole-msg-security > .webconsole-msg-icon-container {
291 -moz-border-start: solid #FF0000 6px;
292}
293
294.webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
295 background-color: #FF0000;
296 border-color: #FFCF00;
297}