Project

General

Profile

1
/*
2
 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
3
 * Copyright (C) 2003-2008 Frederico Caldeira Knabben
4
 *
5
 * == BEGIN LICENSE ==
6
 *
7
 * Licensed under the terms of any of the following licenses at your
8
 * choice:
9
 *
10
 *  - GNU General Public License Version 2 or later (the "GPL")
11
 *    http://www.gnu.org/licenses/gpl.html
12
 *
13
 *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
14
 *    http://www.gnu.org/licenses/lgpl.html
15
 *
16
 *  - Mozilla Public License Version 1.1 or later (the "MPL")
17
 *    http://www.mozilla.org/MPL/MPL-1.1.html
18
 *
19
 * == END LICENSE ==
20
 *
21
 * Styles used by the editor IFRAME and Toolbar.
22
 */
23

    
24
/*
25
	### Basic Editor IFRAME Styles.
26
*/
27

    
28
body
29
{
30
	padding: 1px;
31
	margin: 0;
32
	background-color: #ffffff;
33
}
34

    
35
#xEditingArea
36
{
37
    border: #696969 1px solid;
38
}
39

    
40
.SourceField
41
{
42
    padding: 5px;
43
    margin: 0px;
44
    font-family: Monospace;
45
}
46

    
47
/*
48
	Toolbar
49
*/
50

    
51
.TB_ToolbarSet, .TB_Expand, .TB_Collapse
52
{
53
    cursor: default;
54
    background-color: #efefde;
55
}
56

    
57
.TB_ToolbarSet
58
{
59
    border-top: #efefde 1px outset;
60
    border-bottom: #efefde 1px outset;
61
}
62

    
63
.TB_ToolbarSet TD
64
{
65
    font-size: 11px;
66
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
67
}
68

    
69
.TB_Toolbar
70
{
71
	height: 24px;
72
    display: inline-table;	/* inline = Opera jumping buttons bug */
73
}
74

    
75
.TB_Separator
76
{
77
    width: 1px;
78
    height: 16px;
79
    margin: 2px;
80
    background-color: #999966;
81
}
82

    
83
.TB_Start
84
{
85
    background-image: url(images/toolbar.start.gif);
86
    margin: 2px;
87
    width: 3px;
88
    background-repeat: no-repeat;
89
    height: 16px;
90
}
91

    
92
.TB_End
93
{
94
    display: none;
95
}
96

    
97
.TB_ExpandImg
98
{
99
    background-image: url(images/toolbar.expand.gif);
100
    background-repeat: no-repeat;
101
}
102

    
103
.TB_CollapseImg
104
{
105
    background-image: url(images/toolbar.collapse.gif);
106
    background-repeat: no-repeat;
107
}
108

    
109
.TB_SideBorder
110
{
111
    background-color: #696969;
112
}
113

    
114
.TB_Expand, .TB_Collapse
115
{
116
    padding: 2px 2px 2px 2px;
117
    border: #efefde 1px outset;
118
}
119

    
120
.TB_Collapse
121
{
122
    width: 5px;
123
}
124

    
125
.TB_Break
126
{
127
    height: 24px; /* IE needs the height to be set, otherwise no break */
128
}
129

    
130
/*
131
	Toolbar Button
132
*/
133

    
134
.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
135
{
136
    border: #efefde 1px solid; /* This is the default border */
137
    height: 22px; /* The height is necessary, otherwise IE will not apply the alpha */
138
}
139

    
140
.TB_Button_On
141
{
142
    border: #316ac5 1px solid;
143
    background-color: #c1d2ee;
144
}
145

    
146
.TB_Button_On_Over, .TB_Button_Off_Over
147
{
148
    border: #316ac5 1px solid;
149
    background-color: #dff1ff;
150
}
151

    
152
.TB_Button_Off
153
{
154
    filter: alpha(opacity=70); /* IE */
155
    opacity: 0.70; /* Safari, Opera and Mozilla */
156
}
157

    
158
.TB_Button_Disabled
159
{
160
    filter: gray() alpha(opacity=30); /* IE */
161
    opacity: 0.30; /* Safari, Opera and Mozilla */
162
}
163

    
164
.TB_Button_Padding
165
{
166
    visibility: hidden;
167
    width: 3px;
168
    height: 22px;
169
}
170

    
171
.TB_Button_Image
172
{
173
    overflow: hidden;
174
    width: 16px;
175
    height: 16px;
176
    margin: 3px;
177
    background-repeat: no-repeat;
178
}
179

    
180
.TB_Button_Image img
181
{
182
    position: relative;
183
}
184

    
185
.TB_Button_Off .TB_Button_Text
186
{
187
   	background-color: #efefde;  /* Needed because of a bug on Clear Type */
188
}
189

    
190
.TB_ConnectionLine
191
{
192
    background-color: #ffffff;
193
    height: 1px;
194
    margin-left: 1px;   /* ltr */
195
    margin-right: 1px;  /* rtl */
196
}
197

    
198
.TB_Text
199
{
200
	height: 22px;
201
}
202

    
203
.TB_Button_Off .TB_Text
204
{
205
   	background-color: #efefde ;  /* Needed because of a bug on ClearType */
206
}
207

    
208
.TB_Button_On_Over .TB_Text
209
{
210
   	background-color: #dff1ff ;  /* Needed because of a bug on ClearType */
211
}
212

    
213
/*
214
	Menu
215
*/
216

    
217
.MN_Menu
218
{
219
    border: 1px solid #8f8f73;
220
    padding: 2px;
221
    background-color: #ffffff;
222
    cursor: default;
223
}
224

    
225
.MN_Menu, .MN_Menu .MN_Label
226
{
227
    font-size: 11px;
228
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
229
}
230

    
231
.MN_Item_Padding
232
{
233
    visibility: hidden;
234
    width: 3px;
235
    height: 20px;
236
}
237

    
238
.MN_Icon
239
{
240
    background-color: #e3e3c7;
241
    text-align: center;
242
    height: 20px;
243
}
244

    
245
.MN_Label
246
{
247
    padding-left: 3px;
248
    padding-right: 3px;
249
}
250

    
251
.MN_Separator
252
{
253
    height: 3px;
254
}
255

    
256
.MN_Separator_Line
257
{
258
    border-top: #b9b99d 1px solid;
259
}
260

    
261
.MN_Item .MN_Icon IMG
262
{
263
    filter: alpha(opacity=70);
264
    opacity: 0.70;
265
}
266

    
267
.MN_Item_Over
268
{
269
    color: #ffffff;
270
    background-color: #8f8f73;
271
}
272

    
273
.MN_Item_Over .MN_Icon
274
{
275
    background-color: #737357;
276
}
277

    
278
.MN_Item_Disabled IMG
279
{
280
    filter: gray() alpha(opacity=30); /* IE */
281
    opacity: 0.30; /* Safari, Opera and Mozilla */
282
}
283

    
284
.MN_Item_Disabled .MN_Label
285
{
286
    color: #b7b7b7;
287
}
288

    
289
.MN_Arrow
290
{
291
    padding-right: 3px;
292
    padding-left: 3px;
293
}
294

    
295
.MN_ConnectionLine
296
{
297
    background-color: #ffffff;
298
}
299

    
300
.Menu .TB_Button_On, .Menu .TB_Button_On_Over
301
{
302
    border: #8f8f73 1px solid;
303
    background-color: #ffffff;
304
}
305

    
306
/*
307
	### Panel Styles
308
*/
309

    
310
.FCK_Panel
311
{
312
    border: #8f8f73 1px solid;
313
    padding: 2px;
314
    background-color: #ffffff;
315
}
316

    
317
.FCK_Panel, .FCK_Panel TD
318
{
319
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
320
    font-size: 11px;
321
}
322

    
323
/*
324
	### Special Combos
325
*/
326

    
327
.SC_Panel
328
{
329
    overflow: auto;
330
    white-space: nowrap;
331
    cursor: default;
332
    border: 1px solid #8f8f73;
333
    padding-left: 2px;
334
    padding-right: 2px;
335
}
336

    
337
.SC_Panel, .SC_Panel TD
338
{
339
    font-size: 11px;
340
    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
341
}
342

    
343
.SC_Item, .SC_ItemSelected
344
{
345
    margin-top: 2px;
346
    margin-bottom: 2px;
347
    background-position: left center;
348
    padding-left: 11px;
349
    padding-right: 3px;
350
    padding-top: 2px;
351
    padding-bottom: 2px;
352
    text-overflow: ellipsis;
353
    overflow: hidden;
354
    background-repeat: no-repeat;
355
    border: #dddddd 1px solid;
356
}
357

    
358
.SC_Item *, .SC_ItemSelected *
359
{
360
    margin-top: 0px;
361
    margin-bottom: 0px;
362
}
363

    
364
.SC_ItemSelected
365
{
366
    border: #9a9afb 1px solid;
367
    background-image: url(images/toolbar.arrowright.gif);
368
}
369

    
370
.SC_ItemOver
371
{
372
    border: #316ac5 1px solid;
373
}
374

    
375
.SC_Field
376
{
377
    border: #b7b7a6 1px solid;
378
    cursor: default;
379
}
380

    
381
.SC_FieldCaption
382
{
383
    overflow: visible;
384
    padding-right: 5px;
385
    padding-left: 5px;
386
    opacity: 0.75; /* Safari, Opera and Mozilla */
387
    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
388
    height: 23px;
389
    background-color: #efefde;
390
}
391

    
392
.SC_FieldLabel
393
{
394
    white-space: nowrap;
395
    padding: 2px;
396
    width: 100%;
397
    cursor: default;
398
    background-color: #ffffff;
399
    text-overflow: ellipsis;
400
    overflow: hidden;
401
}
402

    
403
.SC_FieldButton
404
{
405
    background-position: center center;
406
    background-image: url(images/toolbar.buttonarrow.gif);
407
    border-left: #b7b7a6 1px solid;
408
    width: 14px;
409
    background-repeat: no-repeat;
410
}
411

    
412
.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text
413
{
414
    opacity: 0.30; /* Safari, Opera and Mozilla */
415
    filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
416
}
417

    
418
.SC_FieldOver
419
{
420
    border: #316ac5 1px solid;
421
}
422

    
423
.SC_FieldOver .SC_FieldButton
424
{
425
    border-left: #316ac5 1px solid;
426
}
427

    
428
/*
429
	### Color Selector Panel
430
*/
431

    
432
.ColorBoxBorder
433
{
434
    border: #808080 1px solid;
435
    position: static;
436
}
437

    
438
.ColorBox
439
{
440
    font-size: 1px;
441
    width: 10px;
442
    position: static;
443
    height: 10px;
444
}
445

    
446
.ColorDeselected, .ColorSelected
447
{
448
    cursor: default;
449
}
450

    
451
.ColorDeselected
452
{
453
    border: #ffffff 1px solid;
454
    padding: 2px;
455
    float: left;
456
}
457

    
458
.ColorSelected
459
{
460
    border: #330066 1px solid;
461
    padding: 2px;
462
    float: left;
463
    background-color: #c4cdd6;
464
}
(3-3/5)