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