Subversion Repositories Applications.papyrus

Rev

Rev 1925 | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

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