Subversion Repositories eFlore/Applications.cel

Rev

Details | 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 
}