Subversion Repositories Applications.papyrus

Rev

Rev 1688 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1688 Rev 1921
1
/*
1
/*
2
 * FCKeditor - The text editor for internet
2
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
3
 * Copyright (C) 2003-2006 Frederico Caldeira Knabben
3
 * Copyright (C) 2003-2008 Frederico Caldeira Knabben
-
 
4
 *
-
 
5
 * == BEGIN LICENSE ==
4
 * 
6
 *
5
 * Licensed under the terms of the GNU Lesser General Public License:
7
 * Licensed under the terms of any of the following licenses at your
6
 * 		http://www.opensource.org/licenses/lgpl-license.php
8
 * choice:
7
 * 
9
 *
8
 * For further information visit:
10
 *  - GNU General Public License Version 2 or later (the "GPL")
9
 * 		http://www.fckeditor.net/
11
 *    http://www.gnu.org/licenses/gpl.html
10
 * 
12
 *
11
 * "Support Open Source software. What about a donation today?"
13
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
-
 
14
 *    http://www.gnu.org/licenses/lgpl.html
12
 * 
15
 *
13
 * File Name: fck_editor.css
16
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
14
 * 	Styles used by the editor IFRAME and Toolbar.
17
 *    http://www.mozilla.org/MPL/MPL-1.1.html
15
 * 
18
 *
16
 * File Authors:
19
 * == END LICENSE ==
-
 
20
 *
17
 * 		Frederico Caldeira Knabben (fredck@fckeditor.net)
21
 * Styles used by the editor IFRAME and Toolbar.
18
 */
22
 */
19
 
23
 
20
/*
24
/*
21
	### Basic Editor IFRAME Styles.
25
	### Basic Editor IFRAME Styles.
22
*/
26
*/
23
 
27
 
24
body
28
body
25
{
29
{
26
    padding: 1px 1px 1px 1px;
30
	padding: 1px;
-
 
31
	margin: 0;
27
    margin: 0px 0px 0px 0px;
32
	background-color: #ffffff;
28
}
33
}
29
 
34
 
30
#xEditingArea
35
#xEditingArea
31
{
36
{
32
    border: #696969 1px solid;
37
    border: #696969 1px solid;
33
}
38
}
34
 
39
 
35
.SourceField
40
.SourceField
36
{
41
{
37
    padding: 5px;
42
    padding: 5px;
38
    margin: 0px;
43
    margin: 0px;
39
    font-family: Monospace;
44
    font-family: Monospace;
40
}
45
}
41
 
46
 
42
/*
47
/*
43
	Toolbar
48
	Toolbar
44
*/
49
*/
45
 
50
 
46
.TB_ToolbarSet, .TB_Expand, .TB_Collapse
51
.TB_ToolbarSet, .TB_Expand, .TB_Collapse
47
{
52
{
48
    cursor: default;
53
    cursor: default;
49
    background-color: #efefde;
54
    background-color: #efefde;
50
}
55
}
51
 
56
 
52
.TB_ToolbarSet
57
.TB_ToolbarSet
53
{
58
{
54
    border-top: #efefde 1px outset;
59
    border-top: #efefde 1px outset;
55
    border-bottom: #efefde 1px outset;
60
    border-bottom: #efefde 1px outset;
56
}
61
}
57
 
62
 
58
.TB_ToolbarSet TD
63
.TB_ToolbarSet TD
59
{
64
{
60
    font-size: 11px;
65
    font-size: 11px;
61
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
66
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
62
}
67
}
63
 
68
 
64
.TB_Toolbar
69
.TB_Toolbar
65
{
70
{
-
 
71
	height: 24px;
66
    display: inline-table;	/* inline = Opera jumping buttons bug */
72
    display: inline-table;	/* inline = Opera jumping buttons bug */
67
}
73
}
68
 
74
 
69
.TB_Separator
75
.TB_Separator
70
{
76
{
71
    width: 1px;
77
    width: 1px;
72
    height: 16px;
78
    height: 16px;
73
    margin: 2px;
79
    margin: 2px;
74
    background-color: #999966;
80
    background-color: #999966;
75
}
81
}
76
 
82
 
77
.TB_Start
83
.TB_Start
78
{
84
{
79
    background-image: url(images/toolbar.start.gif);
85
    background-image: url(images/toolbar.start.gif);
80
    margin: 2px;
86
    margin: 2px;
81
    width: 3px;
87
    width: 3px;
82
    background-repeat: no-repeat;
88
    background-repeat: no-repeat;
83
    height: 16px;
89
    height: 16px;
84
}
90
}
85
 
91
 
86
.TB_End
92
.TB_End
87
{
93
{
88
    display: none;
94
    display: none;
89
}
95
}
90
 
96
 
91
.TB_ExpandImg
97
.TB_ExpandImg
92
{
98
{
93
    background-image: url(images/toolbar.expand.gif);
99
    background-image: url(images/toolbar.expand.gif);
94
    background-repeat: no-repeat;
100
    background-repeat: no-repeat;
95
}
101
}
96
 
102
 
97
.TB_CollapseImg
103
.TB_CollapseImg
98
{
104
{
99
    background-image: url(images/toolbar.collapse.gif);
105
    background-image: url(images/toolbar.collapse.gif);
100
    background-repeat: no-repeat;
106
    background-repeat: no-repeat;
101
}
107
}
102
 
108
 
103
.TB_SideBorder
109
.TB_SideBorder
104
{
110
{
105
    background-color: #696969;
111
    background-color: #696969;
106
}
112
}
107
 
113
 
108
.TB_Expand, .TB_Collapse
114
.TB_Expand, .TB_Collapse
109
{
115
{
110
    padding: 2px 2px 2px 2px;
116
    padding: 2px 2px 2px 2px;
111
    border: #efefde 1px outset;
117
    border: #efefde 1px outset;
112
}
118
}
113
 
119
 
114
.TB_Collapse
120
.TB_Collapse
115
{
121
{
116
    width: 5px;
122
    width: 5px;
117
}
123
}
118
 
124
 
119
.TB_Break
125
.TB_Break
120
{
126
{
121
    height: 24px; /* IE needs the height to be set, otherwise no break */
127
    height: 24px; /* IE needs the height to be set, otherwise no break */
122
}
128
}
123
 
129
 
124
/*
130
/*
125
	Toolbar Button
131
	Toolbar Button
126
*/
132
*/
127
 
133
 
128
.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
134
.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
129
{
135
{
130
    border: #efefde 1px solid; /* This is the default border */
136
    border: #efefde 1px solid; /* This is the default border */
131
    height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
137
    height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
132
}
138
}
133
 
139
 
134
.TB_Button_On
140
.TB_Button_On
135
{
141
{
136
    border: #316ac5 1px solid;
142
    border: #316ac5 1px solid;
137
    background-color: #c1d2ee;
143
    background-color: #c1d2ee;
138
}
144
}
139
 
145
 
140
.TB_Button_On_Over, .TB_Button_Off_Over
146
.TB_Button_On_Over, .TB_Button_Off_Over
141
{
147
{
142
    border: #316ac5 1px solid;
148
    border: #316ac5 1px solid;
143
    background-color: #dff1ff;
149
    background-color: #dff1ff;
144
}
150
}
145
 
151
 
146
.TB_Button_Off
152
.TB_Button_Off
147
{
153
{
148
    filter: alpha(opacity=70); /* IE */
154
    filter: alpha(opacity=70); /* IE */
149
    opacity: 0.70; /* Safari, Opera and Mozilla */
155
    opacity: 0.70; /* Safari, Opera and Mozilla */
150
}
156
}
151
 
157
 
152
.TB_Button_Disabled
158
.TB_Button_Disabled
153
{
159
{
154
    filter: gray() alpha(opacity=30); /* IE */
160
    filter: gray() alpha(opacity=30); /* IE */
155
    opacity: 0.30; /* Safari, Opera and Mozilla */
161
    opacity: 0.30; /* Safari, Opera and Mozilla */
156
}
162
}
157
 
163
 
158
.TB_Button_Padding
164
.TB_Button_Padding
159
{
165
{
160
    visibility: hidden;
166
    visibility: hidden;
161
    width: 3px;
167
    width: 3px;
162
    height: 22px;
168
    height: 22px;
163
}
169
}
164
 
170
 
165
.TB_Button_Image
171
.TB_Button_Image
166
{
172
{
167
    overflow: hidden;
173
    overflow: hidden;
168
    width: 16px;
174
    width: 16px;
169
    height: 16px;
175
    height: 16px;
170
    margin: 3px;
176
    margin: 3px;
171
    background-repeat: no-repeat;
177
    background-repeat: no-repeat;
172
}
178
}
173
 
179
 
174
.TB_Button_Image img
180
.TB_Button_Image img
175
{
181
{
176
    position: relative;
182
    position: relative;
177
}
183
}
178
 
184
 
179
.TB_Button_Off .TB_Button_Text
185
.TB_Button_Off .TB_Button_Text
180
{
186
{
181
   	background-color: #efefde;  /* Needed because of a bug on Clear Type */
187
   	background-color: #efefde;  /* Needed because of a bug on Clear Type */
182
}
188
}
183
 
189
 
184
.TB_ConnectionLine
190
.TB_ConnectionLine
185
{
191
{
186
    background-color: #ffffff;
192
    background-color: #ffffff;
187
    height: 1px;
193
    height: 1px;
188
    margin-left: 1px;   /* ltr */
194
    margin-left: 1px;   /* ltr */
189
    margin-right: 1px;  /* rtl */
195
    margin-right: 1px;  /* rtl */
190
}
196
}
191
 
197
 
192
.TB_Text
198
.TB_Text
193
{
199
{
194
	height: 22px;
200
	height: 22px;
195
}
201
}
196
 
202
 
197
.TB_Button_Off .TB_Text
203
.TB_Button_Off .TB_Text
198
{
204
{
199
   	background-color: #efefde ;  /* Needed because of a bug on ClearType */
205
   	background-color: #efefde ;  /* Needed because of a bug on ClearType */
200
}
206
}
201
 
207
 
202
.TB_Button_On_Over .TB_Text
208
.TB_Button_On_Over .TB_Text
203
{
209
{
204
   	background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
210
   	background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
205
}
211
}
206
 
212
 
207
/*
213
/*
208
	Menu
214
	Menu
209
*/
215
*/
210
 
216
 
211
.MN_Menu
217
.MN_Menu
212
{
218
{
213
    border: 1px solid #8f8f73;
219
    border: 1px solid #8f8f73;
214
    padding: 2px;
220
    padding: 2px;
215
    background-color: #ffffff;
221
    background-color: #ffffff;
216
    cursor: default;
222
    cursor: default;
217
}
223
}
218
 
224
 
219
.MN_Menu, .MN_Menu .MN_Label
225
.MN_Menu, .MN_Menu .MN_Label
220
{
226
{
221
    font-size: 11px;
227
    font-size: 11px;
222
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
228
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
223
}
229
}
224
 
230
 
225
.MN_Item_Padding
231
.MN_Item_Padding
226
{
232
{
227
    visibility: hidden;
233
    visibility: hidden;
228
    width: 3px;
234
    width: 3px;
229
    height: 20px;
235
    height: 20px;
230
}
236
}
231
 
237
 
232
.MN_Icon
238
.MN_Icon
233
{
239
{
234
    background-color: #e3e3c7;
240
    background-color: #e3e3c7;
235
    text-align: center;
241
    text-align: center;
236
    height: 20px;
242
    height: 20px;
237
}
243
}
238
 
244
 
239
.MN_Label
245
.MN_Label
240
{
246
{
241
    padding-left: 3px;
247
    padding-left: 3px;
242
    padding-right: 3px;
248
    padding-right: 3px;
243
}
249
}
244
 
250
 
245
.MN_Separator
251
.MN_Separator
246
{
252
{
247
    height: 3px;
253
    height: 3px;
248
}
254
}
249
 
255
 
250
.MN_Separator_Line
256
.MN_Separator_Line
251
{
257
{
252
    border-top: #b9b99d 1px solid;
258
    border-top: #b9b99d 1px solid;
253
}
259
}
254
 
260
 
255
.MN_Item .MN_Icon IMG
261
.MN_Item .MN_Icon IMG
256
{
262
{
257
    filter: alpha(opacity=70);
263
    filter: alpha(opacity=70);
258
    opacity: 0.70;
264
    opacity: 0.70;
259
}
265
}
260
 
266
 
261
.MN_Item_Over
267
.MN_Item_Over
262
{
268
{
263
    color: #ffffff;
269
    color: #ffffff;
264
    background-color: #8f8f73;
270
    background-color: #8f8f73;
265
}
271
}
266
 
272
 
267
.MN_Item_Over .MN_Icon
273
.MN_Item_Over .MN_Icon
268
{
274
{
269
    background-color: #737357;
275
    background-color: #737357;
270
}
276
}
271
 
277
 
272
.MN_Item_Disabled IMG
278
.MN_Item_Disabled IMG
273
{
279
{
274
    filter: gray() alpha(opacity=30); /* IE */
280
    filter: gray() alpha(opacity=30); /* IE */
275
    opacity: 0.30; /* Safari, Opera and Mozilla */
281
    opacity: 0.30; /* Safari, Opera and Mozilla */
276
}
282
}
277
 
283
 
278
.MN_Item_Disabled .MN_Label
284
.MN_Item_Disabled .MN_Label
279
{
285
{
280
    color: #b7b7b7;
286
    color: #b7b7b7;
281
}
287
}
282
 
288
 
283
.MN_Arrow
289
.MN_Arrow
284
{
290
{
285
    padding-right: 3px;
291
    padding-right: 3px;
286
    padding-left: 3px;
292
    padding-left: 3px;
287
}
293
}
288
 
294
 
289
.MN_ConnectionLine
295
.MN_ConnectionLine
290
{
296
{
291
    background-color: #ffffff;
297
    background-color: #ffffff;
292
}
298
}
293
 
299
 
294
.Menu .TB_Button_On, .Menu .TB_Button_On_Over
300
.Menu .TB_Button_On, .Menu .TB_Button_On_Over
295
{
301
{
296
    border: #8f8f73 1px solid;
302
    border: #8f8f73 1px solid;
297
    background-color: #ffffff;
303
    background-color: #ffffff;
298
}
304
}
299
 
305
 
300
/*
306
/*
301
	### Panel Styles
307
	### Panel Styles
302
*/
308
*/
303
 
309
 
304
.FCK_Panel
310
.FCK_Panel
305
{
311
{
306
    border: #8f8f73 1px solid;
312
    border: #8f8f73 1px solid;
307
    padding: 2px;
313
    padding: 2px;
308
    background-color: #ffffff;
314
    background-color: #ffffff;
309
}
315
}
310
 
316
 
311
.FCK_Panel, .FCK_Panel TD
317
.FCK_Panel, .FCK_Panel TD
312
{
318
{
313
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
319
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
314
    font-size: 11px;
320
    font-size: 11px;
315
}
321
}
316
 
322
 
317
/*
323
/*
318
	### Special Combos
324
	### Special Combos
319
*/
325
*/
320
 
326
 
321
.SC_Panel
327
.SC_Panel
322
{
328
{
323
    overflow: auto;
329
    overflow: auto;
324
    white-space: nowrap;
330
    white-space: nowrap;
325
    cursor: default;
331
    cursor: default;
326
    border: 1px solid #8f8f73;
332
    border: 1px solid #8f8f73;
327
    padding-left: 2px;
333
    padding-left: 2px;
328
    padding-right: 2px;
334
    padding-right: 2px;
329
    background-color: #ffffff;
-
 
330
}
335
}
331
 
336
 
332
.SC_Panel, .SC_Panel TD
337
.SC_Panel, .SC_Panel TD
333
{
338
{
334
    font-size: 11px;
339
    font-size: 11px;
335
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
340
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
336
}
341
}
337
 
342
 
338
.SC_Item, .SC_ItemSelected
343
.SC_Item, .SC_ItemSelected
339
{
344
{
340
    margin-top: 2px;
345
    margin-top: 2px;
341
    margin-bottom: 2px;
346
    margin-bottom: 2px;
342
    background-position: left center;
347
    background-position: left center;
343
    padding-left: 11px;
348
    padding-left: 11px;
344
    padding-right: 3px;
349
    padding-right: 3px;
345
    padding-top: 2px;
350
    padding-top: 2px;
346
    padding-bottom: 2px;
351
    padding-bottom: 2px;
347
    text-overflow: ellipsis;
352
    text-overflow: ellipsis;
348
    overflow: hidden;
353
    overflow: hidden;
349
    background-repeat: no-repeat;
354
    background-repeat: no-repeat;
350
    border: #dddddd 1px solid;
355
    border: #dddddd 1px solid;
351
}
356
}
352
 
357
 
353
.SC_Item *, .SC_ItemSelected *
358
.SC_Item *, .SC_ItemSelected *
354
{
359
{
355
    margin-top: 0px;
360
    margin-top: 0px;
356
    margin-bottom: 0px;
361
    margin-bottom: 0px;
357
}
362
}
358
 
363
 
359
.SC_ItemSelected
364
.SC_ItemSelected
360
{
365
{
361
    border: #9a9afb 1px solid;
366
    border: #9a9afb 1px solid;
362
    background-image: url(images/toolbar.arrowright.gif);
367
    background-image: url(images/toolbar.arrowright.gif);
363
}
368
}
364
 
369
 
365
.SC_ItemOver
370
.SC_ItemOver
366
{
371
{
367
    border: #316ac5 1px solid;
372
    border: #316ac5 1px solid;
368
}
373
}
369
 
374
 
370
.SC_Field
375
.SC_Field
371
{
376
{
372
    border: #b7b7a6 1px solid;
377
    border: #b7b7a6 1px solid;
373
    cursor: default;
378
    cursor: default;
374
}
379
}
375
 
380
 
376
.SC_FieldCaption
381
.SC_FieldCaption
377
{
382
{
378
    overflow: visible;
383
    overflow: visible;
379
    padding-right: 5px;
384
    padding-right: 5px;
380
    padding-left: 5px;
385
    padding-left: 5px;
381
    opacity: 0.75; /* Safari, Opera and Mozilla */
386
    opacity: 0.75; /* Safari, Opera and Mozilla */
382
    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
387
    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
383
    height: 23px;
388
    height: 23px;
384
    background-color: #efefde;
389
    background-color: #efefde;
385
}
390
}
386
 
391
 
387
.SC_FieldLabel
392
.SC_FieldLabel
388
{
393
{
389
    white-space: nowrap;
394
    white-space: nowrap;
390
    padding: 2px;
395
    padding: 2px;
391
    width: 100%;
396
    width: 100%;
392
    cursor: default;
397
    cursor: default;
393
    background-color: #ffffff;
398
    background-color: #ffffff;
394
    text-overflow: ellipsis;
399
    text-overflow: ellipsis;
395
    overflow: hidden;
400
    overflow: hidden;
396
}
401
}
397
 
402
 
398
.SC_FieldButton
403
.SC_FieldButton
399
{
404
{
400
    background-position: center center;
405
    background-position: center center;
401
    background-image: url(images/toolbar.buttonarrow.gif);
406
    background-image: url(images/toolbar.buttonarrow.gif);
402
    border-left: #b7b7a6 1px solid;
407
    border-left: #b7b7a6 1px solid;
403
    width: 14px;
408
    width: 14px;
404
    background-repeat: no-repeat;
409
    background-repeat: no-repeat;
405
}
410
}
406
 
411
 
407
.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption
412
.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text
408
{
413
{
409
    opacity: 0.30; /* Safari, Opera and Mozilla */
414
    opacity: 0.30; /* Safari, Opera and Mozilla */
410
    filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
415
    filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
411
}
416
}
412
 
417
 
413
.SC_FieldOver
418
.SC_FieldOver
414
{
419
{
415
    border: #316ac5 1px solid;
420
    border: #316ac5 1px solid;
416
}
421
}
417
 
422
 
418
.SC_FieldOver .SC_FieldButton
423
.SC_FieldOver .SC_FieldButton
419
{
424
{
420
    border-left: #316ac5 1px solid;
425
    border-left: #316ac5 1px solid;
421
}
426
}
422
 
427
 
423
/*
428
/*
424
	### Color Selector Panel
429
	### Color Selector Panel
425
*/
430
*/
426
 
431
 
427
.ColorBoxBorder
432
.ColorBoxBorder
428
{
433
{
429
    border: #808080 1px solid;
434
    border: #808080 1px solid;
430
    position: static;
435
    position: static;
431
}
436
}
432
 
437
 
433
.ColorBox
438
.ColorBox
434
{
439
{
435
    font-size: 1px;
440
    font-size: 1px;
436
    width: 10px;
441
    width: 10px;
437
    position: static;
442
    position: static;
438
    height: 10px;
443
    height: 10px;
439
}
444
}
440
 
445
 
441
.ColorDeselected, .ColorSelected
446
.ColorDeselected, .ColorSelected
442
{
447
{
443
    cursor: default;
448
    cursor: default;
444
}
449
}
445
 
450
 
446
.ColorDeselected
451
.ColorDeselected
447
{
452
{
448
    border: #ffffff 1px solid;
453
    border: #ffffff 1px solid;
449
    padding: 2px;
454
    padding: 2px;
450
    float: left;
455
    float: left;
451
}
456
}
452
 
457
 
453
.ColorSelected
458
.ColorSelected
454
{
459
{
455
    border: #330066 1px solid;
460
    border: #330066 1px solid;
456
    padding: 2px;
461
    padding: 2px;
457
    float: left;
462
    float: left;
458
    background-color: #c4cdd6;
463
    background-color: #c4cdd6;
459
}
464
}