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