Project

General

Profile

1
body, html{
2
	margin: 0; 
3
	padding: 0;
4
	height: 100%;
5
	border: none;
6
	overflow: hidden;
7
	background-color: #FFF;
8
}
9

    
10
body, html, table, form, textarea{
11
	font: 12px monospace, sans-serif;
12
}
13

    
14
#editor{
15
	border: solid #888 1px;
16
	overflow: hidden;
17
}
18

    
19
#result{
20
	z-index: 4; 
21
	overflow-x: auto;
22
	overflow-y: scroll;
23
	border-top: solid #888 1px;
24
	border-bottom: solid #888 1px;
25
	position: relative;
26
	clear: both;
27
}
28

    
29
#result.empty{
30
	overflow: hidden;
31
}
32

    
33
#container{
34
	overflow: hidden;
35
	border: solid blue 0;
36
	position: relative; 
37
	z-index: 10;
38
	padding: 0 5px 0 45px;
39
	/*padding-right: 5px;*/ 
40
}
41

    
42
#textarea{
43
	position: relative; 
44
	top: 0; 
45
	left: 0;
46
	margin: 0;
47
	padding: 0;
48
	width: 100%;
49
	height: 100%; 
50
	overflow: hidden;  
51
	z-index: 7; 
52
	border-width: 0;
53
	background-color: transparent;
54
	resize: none;
55
}
56

    
57
#textarea, #textarea:hover{
58
	outline: none;	/* safari outline fix */
59
}
60

    
61
#content_highlight{
62
	white-space: pre;
63
	margin: 0;
64
	padding: 0;
65
	position : absolute; 
66
	z-index: 4; 
67
	overflow: visible;
68
}
69

    
70

    
71
#selection_field, #selection_field_text{
72
	margin: 0; 
73
	background-color: #E1F2F9; 
74
/*	height: 1px; */  
75
	position: absolute;
76
	z-index: 5;
77
	top: -100px;
78
	padding: 0;
79
	white-space: pre;
80
	overflow: hidden;
81
}
82

    
83
#selection_field.show_colors {
84
	z-index: 3;
85
	background-color:#EDF9FC;
86
	
87
}
88

    
89
#selection_field strong{
90
	font-weight:normal;
91
}
92

    
93
#selection_field.show_colors *, #selection_field_text * {
94
	visibility: hidden;
95
}
96

    
97
#selection_field_text{
98
	background-color:transparent;
99
}
100

    
101
#selection_field_text strong{
102
	font-weight:normal;
103
	background-color:#3399FE;
104
	color: #FFF;
105
	visibility:visible;
106
}
107

    
108
#container.word_wrap #content_highlight,
109
#container.word_wrap #selection_field,
110
#container.word_wrap #selection_field_text,
111
#container.word_wrap #test_font_size{
112
	white-space: pre-wrap;       /* css-3 */
113
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
114
	white-space: -pre-wrap;      /* Opera 4-6 */
115
	white-space: -o-pre-wrap;    /* Opera 7 */
116
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
117
	width: 99%;
118
}
119

    
120
#line_number{
121
	position: absolute;
122
	overflow: hidden;
123
	border-right: solid black 1px;
124
	z-index:8;
125
	width: 38px;
126
	padding: 0 5px 0 0;
127
	margin: 0 0 0 -45px;
128
	text-align: right;
129
	color: #AAAAAA;
130
}
131

    
132
#test_font_size{
133
	padding: 0; 
134
	margin: 0; 
135
	visibility: hidden;
136
	position: absolute;
137
	white-space: pre;
138
}
139

    
140
pre{
141
	margin: 0;
142
	padding: 0;
143
}
144

    
145
.hidden{
146
	opacity: 0.2; 
147
	filter:alpha(opacity=20);
148
}
149

    
150
#result .edit_area_cursor{
151
	position: absolute; 
152
	z-index:6; 
153
	background-color: #FF6633;
154
	top: -100px;
155
	margin: 0;
156
}
157

    
158
#result .edit_area_selection_field .overline{
159
	background-color: #996600;
160
}
161

    
162

    
163
/* area popup */
164
.editarea_popup{
165
	border: solid 1px #888888;
166
	background-color: #ECE9D8; 
167
	width: 250px; 
168
	padding: 4px; 
169
	position: absolute;
170
	visibility: hidden; 
171
	z-index: 15;
172
	top: -500px;
173
}
174

    
175
.editarea_popup, .editarea_popup table{
176
	font-family: sans-serif;
177
	font-size: 10pt;
178
}
179

    
180
.editarea_popup img{
181
	border: 0;
182
}
183

    
184
.editarea_popup .close_popup{
185
	float: right; 
186
	line-height: 16px; 
187
	border: 0; 
188
	padding: 0;
189
}
190

    
191
.editarea_popup h1,.editarea_popup h2,.editarea_popup h3,.editarea_popup h4,.editarea_popup h5,.editarea_popup h6{
192
	margin: 0;
193
	padding: 0;
194
}
195

    
196
.editarea_popup .copyright{
197
	text-align: right;
198
}	
199

    
200
/* Area_search */
201
div#area_search_replace{
202
	/*width: 250px;*/
203
}
204

    
205
div#area_search_replace img{
206
	border: 0;
207
}
208

    
209
div#area_search_replace div.button{
210
	text-align: center;
211
	line-height: 1.7em;
212
}
213

    
214
div#area_search_replace .button a{
215
	cursor: pointer;
216
	border: solid 1px #888888;
217
	background-color: #DEDEDE;
218
	text-decoration: none;
219
	padding: 0 2px;
220
	color: #000000;	
221
	white-space: nowrap;
222
}
223

    
224
div#area_search_replace a:hover{	
225
	/*border: solid 1px #888888;*/
226
	background-color: #EDEDED;
227
}
228

    
229
div#area_search_replace  #move_area_search_replace{
230
	cursor: move; 
231
	border: solid 1px #888;
232
}
233

    
234
div#area_search_replace  #close_area_search_replace{
235
	text-align: right; 
236
	vertical-align: top; 
237
	white-space: nowrap;
238
}
239

    
240
div#area_search_replace  #area_search_msg{
241
	height: 18px; 
242
	overflow: hidden; 
243
	border-top: solid 1px #888; 
244
	margin-top: 3px;
245
}
246

    
247
/* area help */
248
#edit_area_help{
249
	width: 350px;
250
}
251

    
252
#edit_area_help div.close_popup{
253
	float: right;
254
}
255

    
256
/* area_toolbar */
257
.area_toolbar{
258
	/*font: 11px sans-serif;*/
259
	width: 100%; 
260
	/*height: 21px; */
261
	margin: 0; 
262
	padding: 0;
263
	background-color: #ECE9D8;
264
	text-align: center;
265
}
266

    
267
.area_toolbar, .area_toolbar table{
268
	font: 11px sans-serif;
269
}
270

    
271
.area_toolbar img{
272
	border: 0;
273
	vertical-align: middle;
274
}
275

    
276
.area_toolbar input{
277
	margin: 0;
278
	padding: 0;
279
}
280

    
281
.area_toolbar select{
282
    font-family: 'MS Sans Serif',sans-serif,Verdana,Arial;
283
    font-size: 7pt;
284
    font-weight: normal;
285
    margin: 2px 0 0 0 ;
286
    padding: 0;
287
    vertical-align: top;
288
    background-color: #F0F0EE;
289
}
290

    
291
table.statusbar{
292
	width: 100%;
293
}
294

    
295
.area_toolbar td.infos{
296
	text-align: center;
297
	width: 130px;
298
	border-right: solid 1px #888;
299
	border-width: 0 1px 0 0;
300
	padding: 0;
301
}
302

    
303
.area_toolbar td.total{
304
	text-align: right;
305
	width: 50px;
306
	padding: 0;
307
}
308

    
309
.area_toolbar td.resize{
310
	text-align: right;
311
}
312
/*
313
.area_toolbar span{
314
	line-height: 1px;
315
	padding: 0;
316
	margin: 0;
317
}*/
318

    
319
.area_toolbar span#resize_area{
320
	cursor: nw-resize;
321
	visibility: hidden;
322
}
323

    
324
/* toolbar buttons */
325
.editAreaButtonNormal, .editAreaButtonOver, .editAreaButtonDown, .editAreaSeparator, .editAreaSeparatorLine, .editAreaButtonDisabled, .editAreaButtonSelected {
326
	border: 0; margin: 0; padding: 0; background: transparent;
327
	margin-top: 0;
328
	margin-left: 1px;
329
	padding: 0;
330
}
331

    
332
.editAreaButtonNormal {
333
	border: 1px solid #ECE9D8 !important;
334
	cursor: pointer;
335
}
336

    
337
.editAreaButtonOver {
338
	border: 1px solid #0A246A !important;
339
	cursor: pointer;
340
	background-color: #B6BDD2;
341
}
342

    
343
.editAreaButtonDown {
344
	cursor: pointer;
345
	border: 1px solid #0A246A !important;
346
	background-color: #8592B5;
347
}
348

    
349
.editAreaButtonSelected {
350
	border: 1px solid #C0C0BB !important;
351
	cursor: pointer;
352
	background-color: #F4F2E8;
353
}
354

    
355
.editAreaButtonDisabled {
356
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
357
	-moz-opacity:0.3;
358
	opacity: 0.3;
359
	border: 1px solid #F0F0EE !important;
360
	cursor: pointer;
361
}
362

    
363
.editAreaSeparatorLine {
364
	margin: 1px 2px;
365
	background-color: #C0C0BB;
366
	width: 2px;
367
	height: 18px;
368
}
369

    
370
/* waiting screen */
371
#processing{
372
	display: none; 
373
	background-color:#ECE9D8; 
374
	border: solid #888 1px;
375
	position: absolute; 
376
	top: 0; 
377
	left: 0;
378
	width: 100%; 
379
	height: 100%; 
380
	z-index: 100; 
381
	text-align: center;
382
}
383

    
384
#processing_text{
385
	position:absolute;
386
	left: 50%;
387
	top: 50%;
388
	width: 200px;
389
	height: 20px; 
390
	margin-left: -100px;
391
	margin-top: -10px;
392
	text-align: center;
393
}
394
/* end */
395

    
396

    
397
/**** tab browsing area ****/
398
#tab_browsing_area{
399
	display: none;
400
	background-color: #CCC9A8;
401
	border-top: 1px solid #888;
402
	text-align: left;
403
	margin: 0;
404
}
405

    
406
#tab_browsing_list {
407
	padding: 0; 
408
	margin: 0; 
409
	list-style-type: none;
410
	white-space: nowrap;
411
}
412
#tab_browsing_list li {
413
	float: left;
414
	margin: -1px;
415
}
416
#tab_browsing_list a {
417
	position: relative;
418
	display: block; 
419
	text-decoration: none; 
420
	float: left; 
421
	cursor: pointer;
422
	line-height:14px;
423
}
424

    
425
#tab_browsing_list a span {
426
	display: block; 
427
	color: #000; 
428
	background: #ECE9D8; 
429
	border:	1px solid #888; 
430
	border-width: 1px 1px 0; 
431
	text-align: center; 
432
	padding: 2px 2px 1px 4px; 
433
	position: relative;	/*IE 6 hack */
434
}
435

    
436
#tab_browsing_list a b {
437
	display: block; 
438
	border-bottom: 2px solid #617994;
439
}
440

    
441
#tab_browsing_list a .edited {
442
	display: none;
443
}
444

    
445
#tab_browsing_list a.edited .edited {
446
	display: inline;
447
}
448

    
449
#tab_browsing_list a img{
450
	margin-left: 7px;
451
}
452

    
453
#tab_browsing_list a.edited img{
454
	margin-left: 3px;
455
}
456

    
457
#tab_browsing_list a:hover span {
458
	background: #F4F2E8;
459
	border-color: #0A246A;
460
}
461

    
462
#tab_browsing_list .selected a span{
463
	background: #046380;
464
	color: #FFF;
465
}
466

    
467

    
468
#no_file_selected{
469
	height: 100%;
470
	width: 150%; /* Opera need more than 100% */
471
	background: #CCC;
472
	display: none;
473
	z-index: 20;
474
	position: absolute;
475
}
476

    
477

    
478
/*** Non-editable mode ***/
479
.non_editable #editor
480
{
481
	border-width: 0 1px;
482
}
483

    
484
.non_editable .area_toolbar
485
{
486
	display: none;
487
}
488

    
489
/*** Auto completion ***/
490
#auto_completion_area
491
{
492
	background:	#FFF;
493
	border:		solid 1px #888;
494
	position:	absolute;
495
	z-index:	15;
496
	width:	280px;
497
	height:	180px;
498
	overflow: auto;
499
	display:none;
500
}
501

    
502
#auto_completion_area a, #auto_completion_area a:visited
503
{
504
	display:	block;
505
	padding:	0 2px 1px;
506
	color:		#000;
507
	text-decoration:none;
508
}
509

    
510
#auto_completion_area a:hover, #auto_completion_area a:focus, #auto_completion_area a.focus
511
{
512
	background:	#D6E1FE;
513
	text-decoration:none;
514
}
515

    
516
#auto_completion_area ul
517
{
518
	margin:	0;
519
	padding: 0;
520
	list-style: none inside;
521
}
522
#auto_completion_area li
523
{
524
	padding:	0;
525
}
526
#auto_completion_area .prefix
527
{
528
	font-style: italic;
529
	padding: 0 3px;
530
}
(1-1/5)