Subversion Repositories eFlore/Applications.cel

Rev

Rev 2108 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
2108 mathias 1
/*
2
 * Ext JS Library 2.0.2
3
 * Copyright(c) 2006-2008, Ext JS, LLC.
4
 * licensing@extjs.com
5
 *
6
 * http://extjs.com/license
7
 */
8
 
9
/* all fields */
10
.x-form-field{
11
    margin: 0 0 0 0;
12
    font:normal 12px tahoma, arial, helvetica, sans-serif;
13
}
14
 
15
/* ---- text fields ---- */
16
.x-form-text, textarea.x-form-field{
17
    padding:1px 3px;
18
    background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
19
    border:1px solid #B5B8C8;
20
}
21
textarea.x-form-field {
22
    padding:2px 3px;
23
}
24
.x-form-text {
25
    height:22px;
26
    line-height:18px;
27
    vertical-align:middle;
28
}
29
.ext-ie .x-form-text {
30
    margin:-1px 0; /* ie bogus margin bug */
31
    height:22px; /* ie quirks */
32
    line-height:18px;
33
}
34
.ext-ie textarea.x-form-field {
35
    margin:-1px 0; /* ie bogus margin bug */
36
}
37
.ext-strict .x-form-text {
38
    height:18px;
39
}
40
.ext-safari .x-form-text {
41
    height:20px; /* safari always same size */
42
    padding:0 3px; /* remove extra top/bottom padding */
43
}
44
.ext-safari.ext-mac textarea.x-form-field {
45
    margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
46
}
47
.ext-gecko .x-form-text {
48
    padding-top:2px; /* FF won't center the text vertically */
49
    padding-bottom:0;
50
}
51
textarea {
52
    resize: none;  /* Disable browser resizable textarea */
53
}
54
 
55
/* select boxes */
56
 
57
.x-form-select-one {
58
    height:20px;
59
    line-height:18px;
60
    vertical-align:middle;
61
    background-color:#fff; /* opera */
62
    border: 1px solid #B5B8C8;
63
}
64
 
65
/* multi select boxes */
66
 
67
/* --- TODO --- */
68
 
69
/* checkboxes */
70
 
71
/* --- TODO --- */
72
 
73
/* radios */
74
 
75
/* --- TODO --- */
76
 
77
 
78
/* wrapped fields and triggers */
79
 
80
.x-form-field-wrap {
81
    position:relative;
82
    zoom:1;
83
    white-space: nowrap;
84
}
85
 
86
.x-editor .x-form-check-wrap {
87
    background:#fff;
88
}
89
.x-form-field-wrap .x-form-trigger{
90
    width:17px;
91
    height:21px;
92
    border:0;
93
    background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
94
    cursor:pointer;
95
    border-bottom: 1px solid #B5B8C8;
96
    position:absolute;
97
    top:0;
98
}
99
.ext-safari .x-form-field-wrap .x-form-trigger{
100
    height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
101
}
102
 
103
.x-form-field-wrap .x-form-date-trigger{
104
    background-image: url(../images/default/form/date-trigger.gif);
105
    cursor:pointer;
106
}
107
.x-form-field-wrap .x-form-clear-trigger{
108
    background-image: url(../images/default/form/clear-trigger.gif);
109
    cursor:pointer;
110
}
111
.x-form-field-wrap .x-form-search-trigger{
112
    background-image: url(../images/default/form/search-trigger.gif);
113
    cursor:pointer;
114
}
115
.ext-safari .x-form-field-wrap .x-form-trigger{
116
    right:0;
117
}
118
.x-form-field-wrap .x-form-twin-triggers{
119
 
120
}
121
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
122
    position:static;
123
    top:auto;
124
    vertical-align:top;
125
}
126
 
127
 
128
.x-form-field-wrap .x-form-trigger-over{
129
    background-position:-17px 0;
130
}
131
.x-form-field-wrap .x-form-trigger-click{
132
    background-position:-34px 0;
133
}
134
 
135
.x-trigger-wrap-focus .x-form-trigger{
136
    background-position:-51px 0;
137
}
138
.x-trigger-wrap-focus .x-form-trigger-over{
139
    background-position:-68px 0;
140
}
141
.x-trigger-wrap-focus .x-form-trigger-click{
142
    background-position:-85px 0;
143
}
144
.x-trigger-wrap-focus .x-form-trigger{
145
    border-bottom: 1px solid #7eadd9;
146
}
147
 
148
.x-item-disabled .x-form-trigger-over{
149
    background-position:0 0 !important;
150
    border-bottom: 1px solid #B5B8C8;
151
}
152
.x-item-disabled .x-form-trigger-click{
153
    background-position:0 0 !important;
154
    border-bottom: 1px solid #B5B8C8;
155
}
156
 
157
/* field focus style */
158
.x-form-focus, textarea.x-form-focus{
159
	border: 1px solid #7eadd9;
160
}
161
 
162
/* invalid fields */
163
.x-form-invalid, textarea.x-form-invalid{
164
	background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
165
	border: 1px solid #dd7870;
166
}
167
.ext-safari .x-form-invalid{
168
	background-color:#ffeeee;
169
	border: 1px solid #ff7870;
170
}
171
 
172
/* editors */
173
 
174
.x-editor {
175
    visibility:hidden;
176
    padding:0;
177
    margin:0;
178
}
179
.x-form-check-wrap {
180
    line-height:18px;
181
}
182
.ext-ie .x-form-check-wrap input {
183
    width:15px;
184
    height:15px;
185
}
186
.x-editor .x-form-check-wrap {
187
    padding:3px;
188
}
189
.x-editor .x-form-checkbox {
190
    height:13px;
191
}
192
/* If you override the default field font above, you would need to change this font as well */
193
.x-form-grow-sizer {
194
	font:normal 12px tahoma, arial, helvetica, sans-serif;
195
    left: -10000px;
196
	padding: 8px 3px;
197
    position: absolute;
198
    visibility:hidden;
199
    top: -10000px;
200
	white-space: pre-wrap;
201
    white-space: -moz-pre-wrap;
202
    white-space: -pre-wrap;
203
    white-space: -o-pre-wrap;
204
    word-wrap: break-word;
205
    zoom:1;
206
}
207
.x-form-grow-sizer p {
208
    margin:0 !important;
209
    border:0 none !important;
210
    padding:0 !important;
211
}
212
/* Form Items CSS */
213
 
214
.x-form-item {
215
    font:normal 12px tahoma, arial, helvetica, sans-serif;
216
    display:block;
217
    margin-bottom:4px;
218
}
219
 
220
.x-form-item label {
221
    display:block;
222
    float:left;
223
    width:100px;
224
    padding:3px;
225
    padding-left:0;
226
    clear:left;
227
    z-index:2;
228
    position:relative;
229
}
230
 
231
.x-form-element {
232
    padding-left:105px;
233
    position:relative;
234
}
235
 
236
.x-form-invalid-msg {
237
    color:#ee0000;
238
    padding:2px;
239
    padding-left:18px;
240
    font:normal 11px tahoma, arial, helvetica, sans-serif;
241
    background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
242
    line-height:16px;
243
    width:200px;
244
}
245
 
246
 
247
.x-form-label-right label {
248
   text-align:right;
249
}
250
 
251
.x-form-label-top .x-form-item label {
252
    width:auto;
253
    float:none;
254
    clear:none;
255
    display:inline;
256
    margin-bottom:4px;
257
    position:static;
258
}
259
 
260
.x-form-label-top .x-form-element {
261
    padding-left:0;
262
    padding-top:4px;
263
}
264
 
265
.x-form-label-top .x-form-item {
266
    padding-bottom:4px;
267
}
268
 
269
.x-form-empty-field {
270
    color:gray;
271
}
272
/* Editor small font for grid, toolbar and tree */
273
.x-small-editor .x-form-field {
274
    font:normal 11px arial, tahoma, helvetica, sans-serif;
275
}
276
.x-small-editor .x-form-text {
277
    height:20px;
278
    line-height:16px;
279
    vertical-align:middle;
280
}
281
.ext-ie .x-small-editor .x-form-text {
282
    margin-top:-1px !important; /* ie bogus margin bug */
283
    margin-bottom:-1px !important;
284
    height:20px !important; /* ie quirks */
285
    line-height:16px !important;
286
}
287
.ext-strict .x-small-editor .x-form-text {
288
    height:16px !important;
289
}
290
 
291
.ext-safari .x-small-editor .x-form-field {
292
    /* safari text field will not size so needs bigger font */
293
    font:normal 12px arial, tahoma, helvetica, sans-serif;
294
}
295
.ext-ie .x-small-editor .x-form-text {
296
    height:20px;
297
    line-height:16px;
298
}
299
.ext-border-box .x-small-editor .x-form-text {
300
    height:20px;
301
}
302
 
303
.x-small-editor .x-form-select-one {
304
    height:20px;
305
    line-height:16px;
306
    vertical-align:middle;
307
}
308
.x-small-editor .x-form-num-field {
309
    text-align:right;
310
}
311
.x-small-editor .x-form-field-wrap .x-form-trigger{
312
    height:19px;
313
}
314
 
315
 
316
.x-form-clear {
317
    clear:both;
318
    height:0;
319
    overflow:hidden;
320
    line-height:0;
321
    font-size:0;
322
}
323
.x-form-clear-left {
324
    clear:left;
325
    height:0;
326
    overflow:hidden;
327
    line-height:0;
328
    font-size:0;
329
}
330
 
331
.x-form-cb-label {
332
    width:'auto' !important;
333
    float:none !important;
334
    clear:none !important;
335
    display:inline !important;
336
    margin-left:4px;
337
}
338
 
339
.x-form-column {
340
    float:left;
341
    padding:0;
342
    margin:0;
343
    width:48%;
344
    overflow:hidden;
345
    zoom:1;
346
}
347
 
348
/* buttons */
349
.x-form .x-form-btns-ct .x-btn{
350
	float:right;
351
	clear:none;
352
}
353
.x-form .x-form-btns-ct .x-form-btns td {
354
	border:0;
355
	padding:0;
356
}
357
.x-form .x-form-btns-ct .x-form-btns-right table{
358
	float:right;
359
	clear:none;
360
}
361
.x-form .x-form-btns-ct .x-form-btns-left table{
362
	float:left;
363
	clear:none;
364
}
365
.x-form .x-form-btns-ct .x-form-btns-center{
366
	text-align:center; /*ie*/
367
}
368
.x-form .x-form-btns-ct .x-form-btns-center table{
369
	margin:0 auto; /*everyone else*/
370
}
371
.x-form .x-form-btns-ct table td.x-form-btn-td{
372
	padding:3px;
373
}
374
 
375
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
376
	background-position:0 -147px;
377
}
378
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
379
	background-position:0 -168px;
380
}
381
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
382
	background-position:0 -189px;
383
}
384
 
385
.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
386
	background-position:0 -126px;
387
}
388
.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
389
	background-position:0 -84px;
390
}
391
.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
392
	background-position:0 -63px;
393
}
394
.x-form-invalid-icon {
395
    width:16px;
396
    height:18px;
397
    visibility:hidden;
398
    position:absolute;
399
    left:0;
400
    top:0;
401
    display:block;
402
    background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
403
}
404
 
405
/* fieldsets */
406
.x-fieldset {
407
    border:1px solid #B5B8C8;
408
    padding:10px;
409
    margin-bottom:10px;
410
}
411
.x-fieldset legend {
412
    font:bold 11px tahoma, arial, helvetica, sans-serif;
413
    color:#15428b;
414
}
415
.ext-ie .x-fieldset legend {
416
    margin-bottom:10px;
417
}
418
.ext-ie .x-fieldset {
419
    padding-top: 0;
420
    padding-bottom:10px;
421
}
422
.x-fieldset legend .x-tool-toggle {
423
    margin-right:3px;
424
    margin-left:0;
425
    float:left !important;
426
}
427
.x-fieldset legend input {
428
    margin-right:3px;
429
    float:left !important;
430
    height:13px;
431
    width:13px;
432
}
433
fieldset.x-panel-collapsed {
434
    padding-bottom:0 !important;
435
    border-width: 1px 0 0 0 !important;
436
}
437
fieldset.x-panel-collapsed .x-fieldset-bwrap {
438
    visibility:hidden;
439
    position:absolute;
440
    left:-1000px;
441
    top:-1000px;
442
}
443
.ext-ie .x-fieldset-bwrap {
444
    zoom:1;
445
}
446
.ext-ie td .x-form-text {
447
    position:relative;
448
    top:-1px;
449
}
450
.x-fieldset-noborder {
451
    border:0px none transparent;
452
}
453
.x-fieldset-noborder legend {
454
    margin-left:-3px;
455
}
456
/* IE legend positioing bug */
457
.ext-ie .x-fieldset-noborder legend {
458
    position: relative;
459
    margin-bottom:23px;
460
}
461
.ext-ie .x-fieldset-noborder legend span {
462
    position: absolute;
463
    left:-5px;
464
}
465
 
466
.ext-gecko .x-window-body .x-form-item {
467
    -moz-outline: none;
468
    overflow: auto;
469
}
470
 
471
.ext-gecko .x-form-item {
472
    -moz-outline: none;
473
}
474
 
475
.x-hide-label label.x-form-item-label {
476
     display:none;
477
}
478
.x-hide-label .x-form-element {
479
     padding-left: 0 !important;
480
}
481
 
482
.x-fieldset {
483
    overflow:hidden;
484
}
485
 
486
.x-fieldset-bwrap {
487
    overflow:hidden;
488
    zoom:1;
489
}
490
 
491
.x-fieldset-body {
492
    overflow:hidden;
493
}