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