1 /* same as menuitem-non-iconic but make it's easy for all menuitems */
2 @import "chrome://fireinput-os/skin/fireinput.css";
3 #fireinputHelp menuitem {
4 -moz-binding: url("chrome://global/content/bindings/menu.xml#menubutton-item");
5 }
6
7 keyinputbox {
8 -moz-binding: url("chrome://fireinput/content/bindings.xml#keyinputbox") !important;
9 }
10
11 textbox.keyinputbox {
12 background-color:#660000;
13 }
14
15 #fireinputMenu {
16 -moz-appearance: none;
17 margin: 0;
18 border: none !important;
19 cursor: pointer;
20 background: transparent !important;
21 list-style-image: url("chrome://fireinput/skin/fireinput_run.png");
22 }
23
24 #fireinputMenu:hover {
25 list-style-image: url("chrome://fireinput/skin/fireinput_runHover.png");
26 }
27
28 #fireinputMenu:hover:active {
29 list-style-image: url("chrome://fireinput/skin/fireinput_runHover.png");
30 }
31
32 #fireinputToggleIMEButton {
33 margin: 0 ;
34 text-align: center;
35 }
36
37 #fireinputToggleIMEButton:hover {
38 cursor: pointer;
39 }
40
41 #fireinputToggleIMEButton:hover:active {
42 cursor: pointer;
43 }
44
45 #fireinputIMEBarCloseButton {
46 margin: 0 0 0 0;
47 -moz-appearance: none;
48 border:none !important;
49 background: transparent !important;
50 -moz-image-region: rect(auto, auto, auto, auto);
51 list-style-image: url("chrome://fireinput/skin/close.png");
52 cursor: pointer;
53 }
54
55 #fireinputIMEBarCloseButton:hover {
56 list-style-image: url("chrome://fireinput/skin/closeHover.png");
57 }
58
59 #fireinputIMEBarCloseButton:hover:active {
60 list-style-image: url("chrome://fireinput/skin/closeHover.png");
61 }
62
63 #fireinputToggleHalfButton {
64 margin: 0 0 0 0;
65 -moz-image-region: rect(auto, auto, auto, auto);
66 list-style-image: url("chrome://fireinput/skin/half-letter.png");
67 }
68
69 #fireinputToggleHalfButton:hover {
70 cursor: pointer;
71 }
72
73 #fireinputToggleHalfButton:hover:active {
74 cursor: pointer;
75 }
76
77 #fireinputTogglePunctButton {
78 margin: 0 0 0 0;
79 -moz-image-region: rect(auto, auto, auto, auto);
80 list-style-image: url("chrome://fireinput/skin/half-punct.png");
81 }
82
83 #fireinputTogglePunctButton:hover {
84 cursor: pointer;
85 }
86
87 #fireinputTogglePunctButton:hover:active {
88 cursor: pointer;
89 }
90
91 #fireinputPrevSelButton[disabled="true"] {
92 list-style-image: none;
93 }
94
95 #fireinputPrevSelButton[disabled="true"]:hover {
96 list-style-image: none;
97 }
98
99 #fireinputPrevSelButton[disabled="true"]:hover:active {
100 list-style-image: none;
101 }
102
103 #fireinputPrevSelButton {
104 -moz-appearance: none;
105 border:none !important;
106 background: transparent !important;
107 list-style-image: url("chrome://fireinput/skin/fp-prev.png");
108 }
109
110 #fireinputPrevSelButton:hover {
111 list-style-image: url("chrome://fireinput/skin/fp-prevHover.png");
112 }
113
114 #fireinputPrevSelButton:hover:active {
115 list-style-image: url("chrome://fireinput/skin/fp-prevHover.png");
116 }
117
118 #fireinputNextSelButton[disabled="true"] {
119 list-style-image: none;
120 }
121
122 #fireinputNextSelButton[disabled="true"]:hover {
123 list-style-image: none;
124 }
125
126 #fireinputNextSelButton[disabled="true"]:hover:active {
127 list-style-image: none;
128 }
129
130 #fireinputNextSelButton {
131 -moz-appearance: none;
132 border:none !important;
133 background: transparent !important;
134 list-style-image: url("chrome://fireinput/skin/fp-next.png");
135 }
136
137 #fireinputNextSelButton:hover {
138 list-style-image: url("chrome://fireinput/skin/fp-nextHover.png");
139 }
140
141 #fireinputNextSelButton:hover:active {
142 list-style-image: url("chrome://fireinput/skin/fp-nextHover.png");
143 }
144
145 #fireinputOptionBox {
146 overflow: hidden;
147 margin: 0px;
148 padding: 0px;
149 }
150
151 #mainPopupSet, #fireinputIMEContainer {
152 -moz-user-focus: normal !important;
153 }
154
155 #inputMethod, #fireinputMenu, #fireinputSpecialCharMenu,#fireinputEmotionMenu {
156 -moz-binding: url("chrome://fireinput/content/bindings.xml#buttonmenu");
157 }
158
159 .toolbarbuttonStyle {
160 -moz-appearance: none;
161 margin: 0;
162 border: none !important;
163 background: transparent !important;
164 }
165
166 .toolbarbuttonStyle:hover {
167 cursor: pointer;
168 color: blue;
169 }
170
171 .toolbarbuttonStyle:hover:active {
172 cursor: pointer;
173 color: blue;
174 }
175
176 .specialcharlabel {
177 text-align: center;
178 margin: 1px 2px 1px 2px;
179 padding: 1px 5px 1px 5px;
180 font-size: 15px;
181 color: blue;
182 background: none;
183 }
184
185 .specialcharlabel:hover {
186 background: #87CEFA;
187 }
188
189 .specialcharlabel:hover:active {
190 background: #87CEFA;
191 }
192
193 .specialcharbar {
194 margin: 0 2px;
195 font-size: 15px;
196 background: none;
197 }
198
199 .composeeditorlabel {
200 text-align: left;
201 padding: 5px 1px 5px 1px;
202 margin: 0px;
203 background: #E5E8EC;
204 font-size: 14px;
205 text-decoration: underline;
206 }
207
208 .composeeditorlabel:hover {
209 background: #87CEFA;
210 }
211
212 .composeeditorlabel:hover:active {
213 background: #87CEFA;
214 }
215
216 .composeeditorboxview {
217 -moz-appearance: none;
218 margin: 0px;
219 border: 1px;
220 padding: 5px 1px 5px 1px;
221 -moz-border-top-colors: none !important;
222 -moz-border-right-colors: none !important;
223 -moz-border-bottom-colors: none !important;
224 -moz-border-left-colors: none !important;
225 background: #E5E8EC;
226 font-family: icon;
227 font-size: 12px;
228 }
229
230 .composeeditorbox {
231 -moz-appearance: none;
232 margin: 0px;
233 border: 1px solid;
234 -moz-border-top-colors: #96969D !important;
235 -moz-border-right-colors: #96969D !important;
236 -moz-border-bottom-colors: #96969D !important;
237 -moz-border-left-colors: #96969D !important;
238 padding: 2px 0 1px 3px;
239 background: #FFFFF0;
240 font-family: icon;
241 font-size: 12px;
242 }
243
244 .fireinputSearchbox {
245 -moz-appearance: none;
246 margin: 4px 2px 4px 3px;
247 border: 1px solid;
248 -moz-border-top-colors: #96969D !important;
249 -moz-border-right-colors: #96969D !important;
250 -moz-border-bottom-colors: #96969D !important;
251 -moz-border-left-colors: #96969D !important;
252 padding: 1px 0 1px 2px;
253 background: #FFFFF0;
254 font: icon;
255 width: 120px;
256 font-size: 14px;
257 color: #6F767C;
258 }
259
260 .fireinputSearchbox:hover {
261 -moz-border-top-colors: #7197D3 !important;
262 -moz-border-right-colors: #7197D3 !important;
263 -moz-border-bottom-colors: #7197D3 !important;
264 -moz-border-left-colors: #7197D3 !important;
265 }
266
267 .fireinputSearchbox:hover:active {
268 -moz-border-top-colors: #7197D3 !important;
269 -moz-border-right-colors: #7197D3 !important;
270 -moz-border-bottom-colors: #7197D3 !important;
271 -moz-border-left-colors: #7197D3 !important;
272 }
273
274 #fireinputSearchButton {
275 margin: 6px 2px 4px 2px;
276 }
277
278 #fireinputSearchButton:hover {
279 color: blue;
280 cursor: pointer;
281 }
282 #fireinputSearchButton:hover:active {
283 color: blue;
284 cursor: pointer;
285 }
286
287 .largetablelabel {
288 margin: 4px 3px 0px 3px;
289 font-size: 12px;
290 }
291
292 #fireinputNewVersion {
293 cursor: pointer;
294 color: #DAACA5;
295 -moz-appearance: none;
296 border:none !important;
297 font-size: 90%;
298 }
299
300 #fireinputNewVersion:hover {
301 color: red;
302 }
303
304
305 #fireinputTableUpdate {
306 cursor: pointer;
307 color: #95BA9A;
308 -moz-appearance: none;
309 border:none !important;
310 font-size: 90%;
311 list-style-image: url("chrome://fireinput/skin/blue-loading.gif");
312 }
313
314 #fireinputTableUpdate:hover {
315 color: green;
316 }
317
318 /* all for theme */
319 #fireinputIMEContainerBox[fireinputtheme] {
320 -moz-appearance: none !important;
321 background-repeat: no-repeat !important;
322 background-position: top right !important;
323 background-color: transparent !important;
324 background-image: none !important;
325 color: white;
326 }
327
328 #fireinputIMEContainerBox[fireinputtheme] #fireinputComposeField .composeeditorboxview {
329 margin: 0px;
330 padding: 3px 1px 5px 1px !important;
331 background: transparent !important;
332 color: white;
333 }
334
335 #fireinputIMEContainerBox[fireinputtheme] #fireinputField{
336 margin: 0;
337 border: none;
338 background: transparent !important;
339 padding: 1px 0 1px 3px;
340 font: icon;
341 font-size: 15px;
342 min-width: 100px;
343 }
344
345 #fireinputIMEBar_bottom[fireinputtheme] {
346 -moz-appearance: none !important;
347 border-bottom: 0 !important;
348 background-repeat: no-repeat !important;
349 background-position: top right !important;
350 background-color: transparent !important;
351 background-image: none !important;
352 }
353
354 #fireinputIMEBar_bottom[fireinputtheme] menulist, #fireinputIMEBar_bottom[fireinputtheme] toolbarseparator {
355 -moz-appearance: none !important;
356 border-bottom: 0 !important;
357 background-color: transparent !important;
358 }
359
360 #fireinputIMEBar_top[fireinputtheme] {
361 -moz-appearance: none !important;
362 border-bottom: 0 !important;
363 background-repeat: no-repeat !important;
364 background-position: top right !important;
365 background-color: transparent !important;
366 background-image: none !important;
367 }
368
369 #fireinputIMEBar_top[fireinputtheme] menulist, #fireinputIMEBar_top[fireinputtheme] toolbarseparator {
370 -moz-appearance: none !important;
371 border-bottom: 0 !important;
372 background-color: transparent !important;
373 }
syntax highlighted by Code2HTML, v. 0.9.1