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 * This hardcoded width likely due to a toolkit Windows specific bug.
11 * See http://hg.mozilla.org/mozilla-central/annotate/f38d6df93cad/toolkit/themes/winstripe/global/textbox-aero.css#l7
18 /* === webconsole.inc.css === */
20 /* General output styles */
22 .webconsole-timestamp {
29 list-style-image: url("chrome://browser/skin/devtools/webconsole.png");
30 -moz-image-region: rect(0, 1px, 0, 0);
33 .webconsole-msg-icon {
41 text-decoration: underline;
44 .webconsole-msg-body {
47 -moz-margin-start: 3px;
49 white-space: pre-wrap;
52 .webconsole-msg-body-piece {
60 /* Repeated messages */
61 .webconsole-msg-repeat {
66 background-color: #FF0000;
68 /* font: message-box; */
73 /* TODO move this and other functional rules to content - bug 635359 */
74 .webconsole-msg-repeat[value="1"] {
78 .webconsole-location {
87 .webconsole-mixed-content {
91 .webconsole-mixed-content-link {
96 .webconsole-learn-more-link {
101 .hud-msg-node[selected="true"] > .webconsole-timestamp,
102 .hud-msg-node[selected="true"] > .webconsole-location {
107 -moz-appearance: none;
108 border-bottom: 1px solid #9C9CFF;
112 .hud-filtered-by-type,
113 .hud-filtered-by-string {
124 /* WebConsole colored drops */
126 .webconsole-filter-button {
127 -moz-user-focus: normal;
130 .webconsole-filter-button[checked] {
131 /* color: white !important; */
134 .webconsole-filter-button > .toolbarbutton-menubutton-button:before {
136 display: inline-block;
145 .webconsole-filter-button menuitem {
146 -moz-image-region: auto;
155 .webconsole-filter-button[category="net"] > .toolbarbutton-menubutton-button:before {
156 background-image: linear-gradient(#BF9B00, #7F6700);
157 border-color: #FFCF00;
160 .webconsole-msg-network > .webconsole-msg-icon-container {
161 -moz-border-start: solid #FFCF00 6px;
164 .webconsole-msg-network.webconsole-msg-error {
165 -moz-image-region: rect(0, 16px, 8px, 8px);
169 .webconsole-filter-button[category="css"] > .toolbarbutton-menubutton-button:before {
170 background-image: linear-gradient(#7575BF, #4E4E7F);
171 border-color: #9C9CFF;
174 .webconsole-msg-cssparser > .webconsole-msg-icon-container {
175 -moz-border-start: solid #9C9CFF 6px;
178 .webconsole-msg-cssparser.webconsole-msg-error {
179 -moz-image-region: rect(8px, 16px, 16px, 8px);
182 .webconsole-msg-cssparser.webconsole-msg-warn {
183 -moz-image-region: rect(8px, 24px, 16px, 16px);
187 .webconsole-filter-button[category="js"] > .toolbarbutton-menubutton-button:before {
188 background-image: linear-gradient(#BF7700, #7F4F00);
189 border-color: #FF9F00;
192 .webconsole-msg-exception > .webconsole-msg-icon-container {
193 -moz-border-start: solid #FF9F00 6px;
196 .webconsole-msg-exception.webconsole-msg-error {
197 -moz-image-region: rect(16px, 16px, 24px, 8px);
200 .webconsole-msg-exception.webconsole-msg-warn {
201 -moz-image-region: rect(16px, 24px, 24px, 16px);
204 /* Web Developer styles */
205 .webconsole-filter-button[category="logging"] > .toolbarbutton-menubutton-button:before {
206 background-image: linear-gradient(#5F3B83, #3F2756);
207 border-color: #8050B0;
210 .webconsole-msg-console > .webconsole-msg-icon-container {
211 -moz-border-start: solid #8050B0 6px;
214 .webconsole-msg-console.webconsole-msg-error,
215 .webconsole-msg-output.webconsole-msg-error {
216 -moz-image-region: rect(24px, 16px, 32px, 8px);
219 .webconsole-msg-console.webconsole-msg-warn {
220 -moz-image-region: rect(24px, 24px, 32px, 16px);
223 .webconsole-msg-console.webconsole-msg-info {
224 -moz-image-region: rect(24px, 32px, 32px, 24px);
227 /* Input and output styles */
228 .webconsole-msg-input > .webconsole-msg-icon-container,
229 .webconsole-msg-output > .webconsole-msg-icon-container {
230 border-left: solid #808080 6px;
233 .webconsole-msg-input {
234 -moz-image-region: rect(24px, 40px, 32px, 32px);
237 .webconsole-msg-output {
238 -moz-image-region: rect(24px, 48px, 32px, 40px);
244 .jsterm-complete-node {
245 -moz-padding-start: 16px;
250 background: -moz-image-rect(url("chrome://browser/skin/devtools/commandline-icon.png"), 0, 32, 16, 16) no-repeat;
251 background-position: 0%;
254 :-moz-any(.jsterm-input-node,
255 .jsterm-complete-node) > .textbox-input-box > .textbox-textarea {
259 .jsterm-complete-node > .textbox-input-box > .textbox-textarea {
263 .webconsole-msg-inspector iframe {
266 -moz-margin-end: 15px;
270 #webconsole-sidebar > tabs {
275 /* Security styles */
277 .webconsole-msg-security > .webconsole-msg-icon-container {
278 -moz-border-start: solid #FF0000 6px;
281 .webconsole-filter-button[category="security"] > .toolbarbutton-menubutton-button:before {
282 background-color: #FF0000;
283 border-color: #FFCF00;
286 .webconsole-msg-security.webconsole-msg-error {
287 -moz-image-region: rect(32px, 16px, 40px, 8px);
290 .webconsole-msg-security.webconsole-msg-warn {
291 -moz-image-region: rect(32px, 24px, 40px, 16px);
296 background-color: #A09090;
297 -moz-margin-start: 3px;
298 -moz-margin-end: 6px;
302 .navigation-marker .url {
303 background-color: #000000;
304 -moz-padding-end: 6px;