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/. */ | |
8ad8bf83 RK |
4 | |
5 | /* From: $GCLI/mozilla/gcli/ui/gcliterm.css */ | |
6 | ||
7 | /* Bug 678152 calls for UX review which will fix the color names */ | |
8 | ||
9 | .gcliterm-input-node, | |
10 | .gcliterm-complete-node { | |
11 | border: none; | |
12 | -moz-appearance: none; | |
13 | height: 100%; | |
14 | vertical-align: middle; | |
15 | background-color: transparent; | |
16 | } | |
17 | ||
18 | .gcliterm-input-node { | |
19 | padding-top: 2px; | |
20 | padding-bottom: 0; | |
21 | -moz-padding-start: 16px; | |
22 | -moz-padding-end: 0; | |
23 | } | |
24 | ||
25 | .gcliterm-complete-node { | |
26 | color: #E7ADE7; | |
27 | padding-top: 4px; | |
28 | padding-bottom: 2px; | |
29 | -moz-padding-start: 21px; | |
30 | -moz-padding-end: 4px; | |
31 | } | |
32 | ||
33 | .gcliterm-stack-node { | |
34 | background: url("chrome://global/skin/icons/commandline.png") 4px center no-repeat; | |
35 | width: 100%; | |
36 | } | |
37 | ||
38 | .gcliterm-argfetcher { | |
39 | display: -moz-box; | |
40 | -moz-box-flex: 1; | |
41 | } | |
42 | ||
43 | .gcliterm-hint-node { | |
44 | border-top: 1px solid #9C9CFF; | |
45 | border-bottom: 1px solid #E7ADE7; | |
46 | border-left: 1px solid #9C9CFF; | |
47 | border-right: 1px solid #9C9CFF; | |
48 | border-top-right-radius: 5px; | |
49 | border-top-left-radius: 5px; | |
50 | margin-bottom: -1px; | |
51 | } | |
52 | ||
53 | .gcliterm-hint-parent { | |
54 | width: 300px; | |
55 | padding: 10px 10px 0; | |
56 | border-top: 1px solid #9C9CFF; | |
57 | border-bottom: 1px solid #9C9CFF; | |
58 | } | |
59 | ||
60 | .gcliterm-menu { | |
61 | display: -moz-box; | |
62 | -moz-box-flex: 1; | |
63 | border-bottom-color: #E7ADE7; | |
64 | } | |
65 | ||
66 | .gcliterm-hint-scroll { | |
67 | overflow-y: scroll; | |
68 | border-bottom-color: #9C9CFF; | |
69 | } | |
70 | ||
71 | .gcliterm-hint-nospace { | |
72 | display: none; | |
73 | } | |
74 | ||
75 | .gcliterm-msg-body { | |
76 | margin-top: 0; | |
77 | margin-bottom: 3px; | |
78 | -moz-margin-start: 3px; | |
79 | -moz-margin-end: 6px; | |
c5772fdf | 80 | list-style-image: none; |
8ad8bf83 RK |
81 | } |
82 | ||
83 | /* Extract from display.css, we only want these 2 rules */ | |
84 | ||
85 | .gcli-out-shortcut { | |
86 | border: 1px solid #8050B0; | |
87 | border-radius: 3px; | |
88 | padding: 0 4px; | |
89 | margin: 0 4px; | |
90 | font-size: 70%; | |
91 | color: #FF9F00; | |
92 | cursor: pointer; | |
93 | vertical-align: bottom; | |
94 | } | |
95 | ||
96 | .gcli-out-shortcut:before { | |
97 | color: #FFCF00; | |
98 | content: '\bb'; | |
99 | padding: 0 2px; | |
100 | } | |
101 | ||
102 | /* | |
103 | * The language of a console is not en_US or any other common language | |
104 | * (i.e we don't attempt to translate 'console.log(x)') | |
105 | * So we fix .gcliterm-input-node/.gcliterm-complete-node elements to be ltr. | |
106 | * As a result we also want the hints to pop up on the left (above the prompt) | |
107 | */ | |
108 | .gcliterm-input-node, | |
109 | .gcliterm-complete-node, | |
110 | .gcliterm-display { | |
111 | direction: ltr; | |
112 | } | |
113 | ||
114 | /* | |
115 | * We want the stuff under .gcliterm-display to obey normal direction rules | |
116 | * so we need to swap back when the document is in rtl mode. | |
117 | * The selectors below are faster, but equivalent to: | |
118 | * .gcliterm-display > *:-moz-locale-dir(rtl) { | |
119 | * direction: rtl; | |
120 | * } | |
121 | * In non-performance critical situations the above is preferred due to it's | |
122 | * greater resilience to refactoring | |
123 | */ | |
124 | .gcliterm-hint-parent:-moz-locale-dir(rtl), | |
125 | .hud-output-node:-moz-locale-dir(rtl) { | |
126 | direction: rtl; | |
127 | } | |
128 | ||
129 | /* From: $GCLI/mozilla/gcli/ui/gcliterm-winstripe.css */ | |
130 | ||
131 | .gcliterm-input-node, | |
132 | .gcliterm-complete-node { | |
133 | font: 12px "Liberation Mono", Consolas, "Courier New", monospace; | |
134 | } | |
135 | ||
136 | .gcli-out-shortcut { | |
137 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; | |
138 | } | |
139 | ||
140 | /* From: $GCLI/lib/gcli/ui/arg_fetch.css */ | |
141 | ||
142 | .gcli-argfetch { | |
143 | width: 100%; | |
8ad8bf83 RK |
144 | -moz-box-sizing: border-box; |
145 | } | |
146 | ||
147 | .gcli-af-cmddesc { | |
148 | font-weight: bold; | |
149 | text-align: center; | |
150 | margin-bottom: 5px; | |
151 | padding: 3px 10px 0; | |
152 | } | |
153 | ||
154 | .gcli-af-params { | |
155 | padding: 0 10px; | |
156 | width: 100%; | |
8ad8bf83 RK |
157 | -moz-box-sizing: border-box; |
158 | } | |
159 | ||
160 | .gcli-af-paramname { | |
161 | text-align: right; | |
162 | font-size: 90%; | |
163 | } | |
164 | ||
165 | .gcli-af-required { | |
166 | font-size: 90%; | |
167 | color: #FF0000; | |
168 | -moz-padding-start: 5px; | |
169 | } | |
170 | ||
171 | .gcli-af-error { | |
172 | font-size: 80%; | |
173 | color: #FF9F00; | |
174 | } | |
175 | ||
176 | .gcli-af-submit { | |
177 | text-align: right; | |
178 | } | |
179 | ||
180 | .gcli-field { | |
181 | width: 100%; | |
182 | } | |
183 | ||
184 | .gcli-field-javascript { | |
185 | margin-bottom: 0; | |
186 | } | |
187 | ||
188 | /* From: $GCLI/lib/gcli/ui/menu.css */ | |
189 | ||
190 | .gcli-menu { | |
191 | width: 100%; | |
192 | overflow: hidden; | |
193 | } | |
194 | ||
195 | .gcli-menu-field { | |
196 | border: 1px solid #9C9CFF; | |
197 | border-top: 0; | |
198 | border-bottom-right-radius: 5px; | |
199 | border-bottom-left-radius: 5px; | |
200 | max-height: 300px; | |
201 | margin: 0 3px; | |
202 | padding: 0; | |
203 | } | |
204 | ||
205 | .gcli-menu-template { | |
206 | border-collapse: collapse; | |
207 | width: 100%; | |
208 | margin: 10px 0; | |
209 | } | |
210 | ||
211 | .gcli-menu-option { | |
212 | overflow: hidden; | |
213 | white-space: nowrap; | |
214 | cursor: pointer; | |
215 | padding: 2px; | |
216 | } | |
217 | ||
218 | .gcli-menu-option:hover { | |
219 | background-color: #FFCF00; | |
220 | color: #000000; | |
221 | } | |
222 | ||
223 | .gcli-menu-name { | |
224 | padding-top: 0; | |
225 | padding-bottom: 0; | |
226 | -moz-padding-start: 10px; | |
227 | -moz-padding-end: 2px; | |
228 | } | |
229 | ||
230 | .gcli-menu-desc { | |
231 | font-size: 80%; | |
232 | color: #FF9F00; | |
233 | } | |
234 | ||
235 | .gcli-menu-error { | |
236 | overflow: hidden; | |
237 | white-space: nowrap; | |
238 | padding-top: 8px; | |
239 | padding-bottom: 2px; | |
240 | -moz-padding-start: 10px; | |
241 | -moz-padding-end: 2px; | |
242 | font-size: 80%; | |
243 | color: #FF0000; | |
244 | } | |
245 | ||
246 | /* From: $GCLI/lib/gcli/ui/inputter.css */ | |
247 | ||
248 | .gcli-in-complete { | |
249 | position: absolute; | |
250 | z-index: -1000; | |
251 | border: 1px transparent solid; | |
252 | padding: 1px 1px 1px 2px; | |
253 | color: #008484; | |
254 | } | |
255 | ||
256 | .gcli-in-incomplete { | |
257 | border-bottom: 2px dotted #9C9CFF; | |
258 | } | |
259 | ||
260 | .gcli-in-error { | |
261 | border-bottom: 2px dotted #FF0000; | |
262 | } | |
263 | ||
264 | .gcli-in-ontab { | |
265 | color: #9C9CFF; | |
266 | } | |
267 | ||
268 | .gcli-in-closebrace { | |
269 | color: #9C9CFF; | |
270 | } | |
271 | ||
272 | .gcli-prompt { | |
273 | color: #E7ADE7; | |
274 | font-weight: bold; | |
275 | } | |
276 | ||
c5772fdf RK |
277 | .gcli-in-scratchlink { |
278 | float: right; | |
279 | font-size: 85%; | |
280 | color: #9C9CFF; | |
281 | padding-right: 10px; | |
282 | } | |
283 | ||
8ad8bf83 RK |
284 | /* From: $GCLI/lib/gcli/commands/help.css */ |
285 | ||
286 | .gcli-help-name { | |
287 | text-align: end; | |
288 | } | |
289 | ||
290 | .gcli-help-arrow { | |
291 | font-size: 70%; | |
292 | color: #008484; | |
293 | } | |
294 | ||
295 | .gcli-help-synopsis { | |
296 | font-family: "Liberation Mono", Consolas, "Courier New", monospace; | |
297 | font-weight: normal; | |
298 | padding: 0 3px; | |
299 | margin: 0 10px; | |
300 | border: 1px solid #9C9CFF; | |
301 | border-radius: 3px; | |
302 | color: #FF9F00; | |
303 | cursor: pointer; | |
304 | display: inline-block; | |
305 | } | |
306 | ||
307 | .gcli-help-synopsis:before { | |
308 | color: #FFCF00; | |
309 | content: '\bb'; | |
310 | } | |
311 | ||
312 | .gcli-help-description { | |
313 | margin: 0 20px; | |
314 | padding: 0; | |
315 | } | |
316 | ||
317 | .gcli-help-parameter { | |
318 | margin: 0 30px; | |
319 | padding: 0; | |
320 | } | |
321 | ||
322 | .gcli-help-header { | |
323 | margin: 10px 0 6px; | |
324 | } |