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