1 body {
2 background: url("chrome://fireinput/skin/editor-background.jpg") repeat-x #9FA9B3;
3 margin: 0;
4 padding: 0;
5 border: 0;
6 min-width: 770px;
7 min-height: 400px;
8 height: 700px;
9 font-family: Arial, Tahoma, Helvetica, sans-serif;
10 font-size: 11px;
11 color: #454545;
12 }
13
14
15 .localEditor {
16 position: relative;
17 margin: 30px auto 0px auto;
18 padding: 0px;
19 background-color: transparent;
20 min-width: 800px;
21 }
22
23 .editorHead {
24 height: 28px;
25 font-weight: bold;
26 font-size: 17px;
27 color: white;
28 text-align: center;
29 background-color: #6DA0D1;
30 padding: 0px;
31 margin: 0px;
32 background: url("chrome://fireinput/skin/title-background.gif") repeat-x #75A2CE;
33 }
34 .editorHeadSaveFile {
35 position: absolute;
36 top: 2px;
37 right: 0px;
38 width: 80px;
39 font-size: 12px;
40 }
41
42 #editorToolbar {
43 position: relative;
44 margin: 0px;
45 padding: 1px 0px 0px 0px;
46 background-color: #C9DBFB;
47 border: 1px solid green;
48 overflow: auto;
49 }
50
51 .helpHead {
52 height: 25px;
53 display: block;
54 padding: 0;
55 margin: 0;
56 background-color: #75A2CE;
57 }
58
59
60 .helpMenu {
61 height: 20px;
62 float: right;
63 z-index: 100;
64 padding: 0;
65 margin: 0 2px 0 0;
66 font-weight: bold;
67 font-size: 14px;
68 color: white;
69 }
70
71 .helpMenu:hover, .helpMenu:hover:active
72 {
73 color: #F0F4CF;
74 cursor: pointer;
75 text-decoration: underline;
76 }
77
78 .editorContext {
79 width: 748px;
80 height: 450px;
81 border: 2px solid #CFD9F4;
82 margin: 0;
83 background-color: #FFFFFF;
84 color: black;
85 font-size: 15px;
86 }
87
88 .editorAction {
89 margin: 0;
90 padding: 5px 0;
91 background-color: #9FA9B3;
92 text-align: center;
93 }
94
95 .helpContext
96 {
97 position: absolute;
98 display: none;
99 width: 220px;
100 height: 430px;
101 padding: 0;
102 margin: 0 2px 0 0;
103 font-size: 14px;
104 color: black;
105 border: 1px solid black;
106 background-color: #CFD9F4;
107 z-index: 999;
108 }
109
110 .helpContextItem
111 {
112 width: 220px;
113 display: block;
114 }
115 .helpContextKey
116 {
117 width: 90px;
118 font-weight: bold;
119 text-align: left;
120 }
121
122 .helpContextKeyValue
123 {
124 position: absolute;
125 width: auto;
126 left: 120px;
127 text-align: left;
128 }
129 /***********************************************************/
130 #main {
131 position: relative;
132 margin: 50px auto;
133 padding: 0px;
134 width: 735px;
135 background-color: #FFFFF0;
136 }
137
138 .docSection {
139 margin: 0;
140 padding: 0;
141 background-color: #DDEAFF;
142 }
143
144 .keyHead {
145 padding: 16px 0 4px 2px;
146 border-bottom: 1px solid #CCCCCC;
147 font-size: 18px;
148 font-weight: bold;
149 width: auto;
150 }
151
152 .keyType {
153 font-size: 15px;
154 font-weight: bold;
155 width: 200px;
156 }
157
158 .keyCode {
159 position: absolute;
160 font-size: 15px;
161 font-weight: bold;
162 color: #555555;
163 width: auto;
164 left: 200px;
165 text-align: left;
166 }
167
168 .imagebutton {
169 margin: 0px;
170 height: 24px !important;
171 width: 24px !important;
172 cursor: pointer;
173 padding: 0px;
174 opacity:0.7;
175 border:1px solid #C9DBFB;
176 }
177
178 .imagebutton:hover {
179 opacity:1.0;
180 background-color: #DFF1FF;
181 border:1px solid #316AC5;
182 }
183
184 .newimagebutton {
185 background: url("chrome://fireinput/skin/editor/new.png") no-repeat top left;
186 }
187 .openimagebutton {
188 background: url("chrome://fireinput/skin/editor/open.png") no-repeat top left;
189 }
190 .openfireimagebutton {
191 background: url("chrome://fireinput/skin/editor/openfire.png") no-repeat top left;
192 }
193 .saveimagebutton {
194 background: url("chrome://fireinput/skin/editor/save.png") no-repeat top left;
195 }
196
197 .saveasimagebutton {
198 background: url("chrome://fireinput/skin/editor/saveas.png") no-repeat top left;
199 }
200 .savefireimagebutton {
201 background: url("chrome://fireinput/skin/editor/savefire.png") no-repeat top left;
202 }
203 .printimagebutton {
204 background: url("chrome://fireinput/skin/editor/print.png") no-repeat top left;
205 }
206
207 .cutimagebutton {
208 background: url("chrome://fireinput/skin/editor/cut.png") no-repeat top left;
209 }
210
211 .copyimagebutton {
212 background: url("chrome://fireinput/skin/editor/copy.png") no-repeat top left;
213 }
214
215 .pasteimagebutton {
216 background: url("chrome://fireinput/skin/editor/paste.png") no-repeat top left;
217 }
218
219 .undoimagebutton {
220 background: url("chrome://fireinput/skin/editor/undo.png") no-repeat top left;
221 }
222 .redoimagebutton {
223 background: url("chrome://fireinput/skin/editor/redo.png") no-repeat top left;
224 }
225 .linkimagebutton {
226 background: url("chrome://fireinput/skin/editor/link.png") no-repeat top left;
227 }
228 .unlinkimagebutton {
229 background: url("chrome://fireinput/skin/editor/unlink.png") no-repeat top left;
230 }
231
232 .imageimagebutton {
233 background: url("chrome://fireinput/skin/editor/image.png") no-repeat top left;
234 }
235
236 .tableimagebutton {
237 background: url("chrome://fireinput/skin/editor/table.png") no-repeat top left;
238 }
239
240 .boldimagebutton {
241 background: url("chrome://fireinput/skin/editor/bold.png") no-repeat top left;
242 }
243
244 .italicimagebutton {
245 background: url("chrome://fireinput/skin/editor/italic.png") no-repeat top left;
246 }
247
248 .underlineimagebutton {
249 background: url("chrome://fireinput/skin/editor/underline.png") no-repeat top left;
250 }
251
252 .underlinedoubleimagebutton {
253 background: url("chrome://fireinput/skin/editor/underlinedouble.png") no-repeat top left;
254 }
255
256 .forecolorimagebutton {
257 background: url("chrome://fireinput/skin/editor/fontcolor.png") no-repeat top left;
258 }
259
260 .backcolorimagebutton {
261 background: url("chrome://fireinput/skin/editor/backcolor.png") no-repeat top left;
262 }
263
264 .alignleftimagebutton {
265 background: url("chrome://fireinput/skin/editor/alignleft.png") no-repeat top left;
266 }
267 .alignrightimagebutton {
268 background: url("chrome://fireinput/skin/editor/alignright.png") no-repeat top left;
269 }
270 .aligncenterimagebutton {
271 background: url("chrome://fireinput/skin/editor/aligncenter.png") no-repeat top left;
272 }
273 .numberlistimagebutton {
274 background: url("chrome://fireinput/skin/editor/numberlist.png") no-repeat top left;
275 }
276 .bulletlistimagebutton {
277 background: url("chrome://fireinput/skin/editor/bulletlist.png") no-repeat top left;
278 }
279 .outdentimagebutton {
280 background: url("chrome://fireinput/skin/editor/outdent.png") no-repeat top left;
281 }
282 .indentimagebutton {
283 background: url("chrome://fireinput/skin/editor/indent.png") no-repeat top left;
284 }
285
286 .strikethroughimagebutton {
287 background: url("chrome://fireinput/skin/editor/strikethrough.png") no-repeat top left;
288 }
289
290 .subscriptmagebutton {
291 background: url("chrome://fireinput/skin/editor/subscript.png") no-repeat top left;
292 }
293 .superscriptmagebutton {
294 background: url("chrome://fireinput/skin/editor/superscript.png") no-repeat top left;
295 }
296
297 .floatWindow {
298 position: absolute;
299 display: none;
300 z-index:10;
301 width: 140px;
302 height: 200px;
303 margin:0px;
304 padding: 0px;
305 background-color: white;
306 overflow: auto;
307 border: 1px solid #6DA0D1;
308 }
309
310 .floatWindowItem {
311 background-color: white;
312 border: 1px solid black;
313 margin: 0px 2px 1px 2px;
314 padding: 2px;
315 width: 130px;
316 height: 15px;
317 font-size: 15px;
318 cursor: pointer;
319 text-align: left;
320 }
321
322 .floatWindowItem:hover {
323 border: 1px solid blue;
324 }
325
326 .inputblock {
327 height: 16px;
328 width: 80px;
329 font-size: 12px;
330 cursor: pointer;
331 border: none;
332 padding-left: 5px;
333 font-family: Arial, Tahoma;
334 }
335
336 .inputblockArrow:hover {
337 opacity:1.0;
338 border:1px solid #316AC5;
339 }
340
341 .inputblockArrow {
342 border: 1px solid #B7B7A6;
343 cursor: pointer;
344 opacity: 0.7;
345 width: 101px;
346 max-height: 18px;
347 background: url("chrome://fireinput/skin/editor/arrowdown.gif") no-repeat 95% 50%;
348 }
349
350 #styleFormat div, #fontSizeWindow div {
351 font-weight: 900;
352 }
353
354 .textbutton {
355 font-family: Arial, Tahoma;
356 font-size: 15px;
357 opacity: 1.0;
358 }
359
360 .viewsource {
361 background: url("chrome://fireinput/skin/editor/code.png") no-repeat top left;
362 padding-left: 22px;
363 padding-top: 3px;
364 width: 45px !important;
365
366 }
367
368 .viewsourcing {
369 background: url("chrome://fireinput/skin/editor/code.png") no-repeat top left;
370 padding-left: 22px;
371 padding-top: 3px;
372 width: 45px !important;
373 opacity:1.0;
374 background-color: #EDC555;
375 border:1px solid #316AC5;
376 }
377
378 .viewsourcing:hover {
379 background-color: #EDC555 !important;
380 }
381
382 .embeddedForm {
383 background: transparent;
384 border-top: 1px solid #495057;
385 margin: 0px 2px 0px 2px;
386 padding-top: 10px;
387 padding-left: 10px;
388 min-height: 50px;
389 }
390
391 .textInputName {
392 font-size: 15px;
393 font-family: Arial, Tahoma;
394 }
395
396 .textInput:hover {
397 opacity:1.0;
398 border:1px solid #316AC5;
399 }
400
401 .textInput {
402 border: 1px solid #B7B7A6;
403 cursor: pointer;
404 opacity: 0.7;
405 width: 250px;
406 max-height: 18px;
407 }
408
409 .textInputField {
410 height: 18px;
411 width: 250px;
412 font-size: 12px;
413 border: none;
414 padding: 0px;
415 border-right: 1px solid #B7B7A6;
416 padding-left: 2px;
417 }
418
419 .textInputField:hover {
420 opacity:1.0;
421 border-right:1px solid #316AC5;
422 }
423
syntax highlighted by Code2HTML, v. 0.9.1