1/*
2 * FCKeditor - The text editor for Internet - http://www.fckeditor.net
3 * Copyright (C) 2003-2009 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
28body
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}
465