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: #f7f7f7;
55}
56
57.TB_ToolbarSet
58{
59	padding: 1px;
60	border-top: #efefde 1px outset;
61	border-bottom: #efefde 1px outset;
62}
63
64.TB_ToolbarSet TD
65{
66	font-size: 11px;
67	font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
68}
69
70.TB_Toolbar
71{
72    display: inline-table;
73}
74
75.TB_Separator
76{
77    width: 1px;
78    height: 21px;
79    margin: 2px;
80    background-color: #C6C3BD;
81}
82
83.TB_Start
84{
85    background-image: url(images/toolbar.start.gif);
86    margin-left: 2px;
87    margin-right: 2px;
88    width: 3px;
89    background-repeat: no-repeat;
90    height: 27px;
91    background-position: center center;
92}
93
94.TB_End
95{
96	display: none;
97}
98
99.TB_ExpandImg
100{
101	background-image: url(images/toolbar.expand.gif);
102	background-repeat: no-repeat;
103}
104
105.TB_CollapseImg
106{
107	background-image: url(images/toolbar.collapse.gif);
108	background-repeat: no-repeat;
109}
110
111.TB_SideBorder
112{
113	background-color: #696969;
114}
115
116.TB_Expand, .TB_Collapse
117{
118	padding: 2px 2px 2px 2px;
119	border: #efefde 1px outset;
120}
121
122.TB_Collapse
123{
124	border: #efefde 1px outset;
125	width: 5px;
126}
127
128.TB_Break
129{
130	height: 27px;
131}
132
133/*
134	Toolbar Button
135*/
136
137.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
138{
139	padding: 1px ;
140	margin:1px;
141	height: 21px;
142}
143
144.TB_Button_On, .TB_Button_Off, .TB_Button_On_Over, .TB_Button_Off_Over, .TB_Button_Disabled
145{
146	border: #cec6b5 1px solid;
147}
148
149.TB_Button_On
150{
151	border-color: #316ac5;
152	background-color: #c1d2ee;
153}
154
155.TB_Button_On_Over, .TB_Button_Off_Over
156{
157    border: #316ac5 1px solid;
158    background-color: #dff1ff;
159}
160
161.TB_Button_Off
162{
163	background: #efefef url(images/toolbar.buttonbg.gif) repeat-x;
164}
165
166.TB_Button_Off, .TB_Combo_Off
167{
168	opacity: 0.70; /* Safari, Opera and Mozilla */
169	filter: alpha(opacity=70); /* IE */
170	/* -moz-opacity: 0.70; Mozilla (Old) */
171}
172
173.TB_Button_Disabled
174{
175    opacity: 0.30; /* Safari, Opera and Mozilla */
176    filter: gray() alpha(opacity=30); /* IE */
177}
178
179.TB_Button_Padding
180{
181    visibility: hidden;
182    width: 3px;
183    height: 21px;
184}
185
186.TB_Button_Image
187{
188    overflow: hidden;
189    width: 16px;
190    height: 16px;
191    margin: 3px;
192    margin-top: 4px;
193    margin-bottom: 2px;
194    background-repeat: no-repeat;
195}
196
197/* For composed button ( icon + text, icon + arrow ), we must compensate the table */
198.TB_Button_On TABLE .TB_Button_Image,
199.TB_Button_Off TABLE .TB_Button_Image,
200.TB_Button_On_Over TABLE .TB_Button_Image,
201.TB_Button_Off_Over TABLE .TB_Button_Image,
202.TB_Button_Disabled TABLE .TB_Button_Image
203{
204    margin-top: 3px;
205}
206
207.TB_Button_Image img
208{
209    position: relative;
210}
211
212.TB_ConnectionLine
213{
214    background-color: #ffffff;
215    height: 1px;
216    margin-left: 1px;   /* ltr */
217    margin-right: 1px;  /* rtl */
218}
219
220/*
221	Menu
222*/
223
224.MN_Menu
225{
226    border: 1px solid #8f8f73;
227    padding: 2px;
228    background-color: #f7f7f7;
229    cursor: default;
230}
231
232.MN_Menu, .MN_Menu .MN_Label
233{
234    font-size: 11px;
235    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
236}
237
238.MN_Item_Padding
239{
240    visibility: hidden;
241    width: 3px;
242    height: 20px;
243}
244
245.MN_Icon
246{
247    background-color: #dedede;
248    text-align: center;
249    height: 20px;
250}
251
252.MN_Label
253{
254    padding-left: 3px;
255    padding-right: 3px;
256}
257
258.MN_Separator
259{
260    height: 3px;
261}
262
263.MN_Separator_Line
264{
265    border-top: #b9b99d 1px solid;
266}
267
268.MN_Item .MN_Icon IMG
269{
270    filter: alpha(opacity=70);
271    opacity: 0.70;
272}
273
274.MN_Item_Over
275{
276    color: #ffffff;
277    background-color: #8a857d;
278}
279
280.MN_Item_Over .MN_Icon
281{
282    background-color: #6c6761;
283}
284
285.MN_Item_Disabled IMG
286{
287    filter: gray() alpha(opacity=30); /* IE */
288    opacity: 0.30; /* Safari, Opera and Mozilla */
289}
290
291.MN_Item_Disabled .MN_Label
292{
293    color: #b7b7b7;
294}
295
296.MN_Arrow
297{
298    padding-right: 3px;
299    padding-left: 3px;
300}
301
302.MN_ConnectionLine
303{
304    background-color: #ffffff;
305}
306
307.Menu .TB_Button_On, .Menu .TB_Button_On_Over
308{
309    border: #8f8f73 1px solid;
310    background-color: #ffffff;
311}
312
313/*
314	### Panel Styles
315*/
316
317.FCK_Panel
318{
319    border: #8f8f73 1px solid;
320    padding: 2px;
321    background-color: #ffffff;
322}
323
324.FCK_Panel, .FCK_Panel TD
325{
326    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
327    font-size: 11px;
328}
329
330/*
331	### Special Combos
332*/
333
334.SC_Panel
335{
336    overflow: auto;
337    white-space: nowrap;
338    cursor: default;
339    border: 1px solid #8f8f73;
340    padding-left: 2px;
341    padding-right: 2px;
342}
343
344.SC_Panel, .SC_Panel TD
345{
346    font-size: 11px;
347    font-family: 'Microsoft Sans Serif' , Tahoma, Arial, Verdana, Sans-Serif;
348}
349
350.SC_Item, .SC_ItemSelected
351{
352    margin-top: 2px;
353    margin-bottom: 2px;
354    background-position: left center;
355    padding-left: 11px;
356    padding-right: 3px;
357    padding-top: 2px;
358    padding-bottom: 2px;
359    text-overflow: ellipsis;
360    overflow: hidden;
361    background-repeat: no-repeat;
362    border: #dddddd 1px solid;
363}
364
365.SC_Item *, .SC_ItemSelected *
366{
367    margin-top: 0px;
368    margin-bottom: 0px;
369}
370
371.SC_ItemSelected
372{
373    border: #9a9afb 1px solid;
374    background-image: url(images/toolbar.arrowright.gif);
375}
376
377.SC_ItemOver
378{
379    border: #316ac5 1px solid;
380}
381
382.SC_Field
383{
384    margin-top:1px ;
385    border: #b7b7a6 1px solid;
386    cursor: default;
387}
388
389.SC_FieldCaption
390{
391    padding-top: 1px ;
392    overflow: visible;
393    padding-right: 5px;
394    padding-left: 5px;
395    opacity: 0.75; /* Safari, Opera and Mozilla */
396    filter: alpha(opacity=70); /* IE */ /* -moz-opacity: 0.75; Mozilla (Old) */
397    height: 23px;
398    background-color: #f7f7f7;
399}
400
401.SC_FieldLabel
402{
403    white-space: nowrap;
404    padding: 2px;
405    width: 100%;
406    cursor: default;
407    background-color: #ffffff;
408    text-overflow: ellipsis;
409    overflow: hidden;
410}
411
412.SC_FieldButton
413{
414    background-position: center center;
415    background-image: url(images/toolbar.buttonarrow.gif);
416    border-left: #b7b7a6 1px solid;
417    width: 14px;
418    background-repeat: no-repeat;
419}
420
421.SC_FieldDisabled .SC_FieldButton, .SC_FieldDisabled .SC_FieldCaption, .SC_FieldDisabled .TB_ButtonType_Text
422{
423    opacity: 0.30; /* Safari, Opera and Mozilla */
424    filter: gray() alpha(opacity=30); /* IE */ /* -moz-opacity: 0.30; Mozilla (Old) */
425}
426
427.SC_FieldOver
428{
429    border: #316ac5 1px solid;
430}
431
432.SC_FieldOver .SC_FieldButton
433{
434    border-left: #316ac5 1px solid;
435}
436
437/*
438	### Color Selector Panel
439*/
440
441.ColorBoxBorder
442{
443    border: #808080 1px solid;
444    position: static;
445}
446
447.ColorBox
448{
449    font-size: 1px;
450    width: 10px;
451    position: static;
452    height: 10px;
453}
454
455.ColorDeselected, .ColorSelected
456{
457    cursor: default;
458}
459
460.ColorDeselected
461{
462    border: #ffffff 1px solid;
463    padding: 2px;
464    float: left;
465}
466
467.ColorSelected
468{
469    border: #316ac5 1px solid;
470    padding: 2px;
471    float: left;
472    background-color: #c1d2ee;
473}
474