Commit | Line | Data |
---|---|---|
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/. */ | |
351107c9 | 4 | |
b1eaa419 | 5 | /* ===== console.css ==================================================== |
d84b9613 | 6 | == Styles used by the Error Console window. |
b1eaa419 | 7 | ======================================================================= */ |
d84b9613 | 8 | |
c79d2bbe RK |
9 | @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); |
10 | ||
b1eaa419 | 11 | .console-box { |
12 | background-color: #000000; | |
13 | color: #FF9F00; | |
14 | } | |
c79d2bbe | 15 | |
b1eaa419 | 16 | /* ::::: console rows ::::: */ |
17 | ||
18 | .console-row { | |
19 | padding: 0px; | |
c79d2bbe | 20 | border-bottom: 1px solid #FF9F00; |
b1eaa419 | 21 | } |
22 | ||
23 | .console-row-icon { | |
24 | border-right: 1px solid #FF9F00; | |
25 | padding: 5px; | |
26 | background-color: #9C9CFF; | |
27 | -moz-box-align: start; | |
28 | } | |
29 | ||
c79d2bbe RK |
30 | .console-row-msg > label, |
31 | .console-row-file > label:first-child { | |
32 | display: none; | |
33 | } | |
34 | ||
b1eaa419 | 35 | .console-icon { |
c79d2bbe RK |
36 | list-style-image: inherit; |
37 | } | |
38 | ||
39 | .console-error-msg { | |
40 | margin-bottom: 2px; | |
b1eaa419 | 41 | } |
42 | ||
43 | /* ..... error rows ..... */ | |
44 | ||
45 | .console-row-code { | |
c79d2bbe RK |
46 | padding-top: 3px; |
47 | padding-bottom: 3px; | |
48 | -moz-padding-start: 3px; | |
49 | -moz-padding-end: 0px; | |
b1eaa419 | 50 | font-size: larger; |
51 | color: #E7ADE7; | |
52 | } | |
53 | ||
54 | .console-dots, | |
55 | .console-caret { | |
56 | height: 9px; | |
57 | } | |
58 | ||
59 | .console-dots { | |
60 | background: url("chrome://global/skin/console/console-error-dash.gif") repeat-x top; | |
61 | } | |
62 | ||
63 | .console-caret { | |
64 | width: 7px; | |
65 | background: url("chrome://global/skin/console/console-error-caret.gif") no-repeat top; | |
66 | } | |
67 | ||
68 | /* ..... message rows ..... */ | |
69 | ||
70 | .console-row[type="message"] { | |
8ad8bf83 | 71 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; |
d84b9613 | 72 | } |
b1eaa419 | 73 | |
74 | /* ..... selected state ..... */ | |
75 | ||
76 | .console-row[selected="true"] { | |
77 | background-color: #FFCF00; | |
78 | color: #000000; | |
79 | } | |
351107c9 | 80 | |
81 | .console-row-code[selected="true"], | |
b1eaa419 | 82 | .console-row-content[selected="true"] > .console-row-file > .console-error-source > .text-link { |
83 | color: inherit !important; | |
84 | } | |
351107c9 | 85 | |
86 | /* ::::: icons ::::: */ | |
87 | ||
88 | .console-row[type="error"], | |
b1eaa419 | 89 | .console-row[type="exception"] { |
90 | list-style-image: url("chrome://global/skin/icons/alert-error.gif"); | |
91 | } | |
351107c9 | 92 | |
c79d2bbe RK |
93 | .console-row[type="error"] .console-row-msg, |
94 | .console-row[type="exception"] .console-row-msg { | |
95 | font-weight: bold; | |
96 | } | |
97 | ||
b1eaa419 | 98 | .console-row[type="warning"] { |
99 | list-style-image: url("chrome://global/skin/icons/alert-exclam.gif"); | |
100 | } | |
351107c9 | 101 | |
102 | .console-row[type="message"] { | |
b1eaa419 | 103 | list-style-image: url("chrome://global/skin/icons/alert-message.gif"); |
351107c9 | 104 | } |
105 | ||
106 | /* ::::: toolbars ::::: */ | |
107 | ||
b1eaa419 | 108 | #TextboxEval { |
02920d2b | 109 | margin: 1px 2px; |
b1eaa419 | 110 | } |
351107c9 | 111 | |
b1eaa419 | 112 | #ButtonEval { |
02920d2b RK |
113 | margin-top: 1px; |
114 | margin-bottom: 1px; | |
115 | -moz-margin-start: 0; | |
116 | -moz-margin-end: 2px; | |
b1eaa419 | 117 | } |
351107c9 | 118 | |
b1eaa419 | 119 | toolbarseparator { |
120 | min-height: 1em; | |
121 | } | |
c79d2bbe RK |
122 | |
123 | /* Toolbar icons */ | |
124 | ||
125 | #ToolbarMode toolbarbutton { | |
126 | min-width: 57px; | |
127 | padding: 0px 4px; | |
128 | /* XXX: don't support icons on those yet | |
129 | padding: 4px !important; | |
130 | */ | |
131 | } | |
132 | ||
133 | toolbar#ToolbarMode toolbarbutton:active, | |
134 | toolbar#ToolbarMode toolbarbutton[checked="true"] { | |
135 | -moz-padding-start: 5px !important; | |
136 | -moz-padding-end: 3px !important; | |
137 | } | |
138 | ||
139 | /* XXX: don't support icons on those yet | |
140 | ||
141 | ||
142 | toolbar#ToolbarMode toolbarbutton { | |
143 | list-style-image: url("chrome://global/skin/console/console-toolbar.png"); | |
144 | -moz-box-orient: horizontal; | |
145 | padding: 4px !important; | |
146 | } | |
147 | ||
148 | #Console\:modeAll { | |
149 | -moz-image-region: rect(0px 24px 24px 0px); | |
150 | } | |
151 | ||
152 | #Console\:modeAll:hover, | |
153 | #Console\:modeAll[checked="true"] { | |
154 | -moz-image-region: rect(24px 24px 48px 0px); | |
155 | } | |
156 | ||
157 | #Console\:modeErrors { | |
158 | -moz-image-region: rect(0px 96px 24px 72px); | |
159 | } | |
160 | ||
161 | #Console\:modeErrors:hover, | |
162 | #Console\:modeErrors[checked="true"] { | |
163 | -moz-image-region: rect(24px 96px 48px 72px); | |
164 | } | |
165 | ||
166 | #Console\:modeWarnings { | |
167 | -moz-image-region: rect(0px 72px 24px 48px); | |
168 | } | |
169 | ||
170 | #Console\:modeWarnings:hover, | |
171 | #Console\:modeWarnings[checked="true"] { | |
172 | -moz-image-region: rect(24px 72px 48px 48px); | |
173 | } | |
174 | ||
175 | #Console\:modeMessages { | |
176 | -moz-image-region: rect(0px 48px 24px 24px); | |
177 | } | |
178 | ||
179 | #Console\:modeMessages:hover, | |
180 | #Console\:modeMessages[checked="true"] { | |
181 | -moz-image-region: rect(24px 48px 48px 24px); | |
182 | } | |
183 | ||
184 | #Console\:clear { | |
185 | -moz-image-region: rect(0px 120px 24px 96px); | |
186 | } | |
187 | ||
188 | #Console\:clear:hover, | |
189 | #Console\:clear[checked="true"] { | |
190 | -moz-image-region: rect(24px 120px 48px 96px); | |
191 | } | |
192 | ||
193 | toolbar#ToolbarMode .toolbarbutton-icon { | |
194 | padding: 2px 0 !important; | |
195 | } | |
196 | ||
197 | toolbar#ToolbarMode .toolbarbutton-text { | |
198 | -moz-padding-end: 4px; | |
199 | } | |
200 | ||
201 | */ | |
202 | ||
203 | /* ::::: Fix Error Console toolbar button text spacing ::::: */ | |
204 | ||
205 | .toolbarbutton-text { | |
206 | -moz-padding-start: 0px; | |
207 | -moz-padding-end: 5px; | |
208 | } |