source: trunk/web/addons/job_monarch/lib/extjs/resources/css/form.css @ 619

Last change on this file since 619 was 619, checked in by ramonb, 15 years ago

lib/:

  • added new AJAX dependancies: ExtJS, pChart, Lightbox2
File size: 12.5 KB
Line 
1/*
2 * Ext JS Library 2.2.1
3 * Copyright(c) 2006-2009, 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}
21textarea.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}
51textarea {
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 / radios */
70.x-form-check-group, .x-form-radio-group {
71    margin-bottom: 0;
72}
73.x-form-check-group .x-form-invalid .x-panel-body,
74.x-form-radio-group .x-form-invalid .x-panel-body {
75    background-color: transparent;
76}
77.x-form-check-wrap, .x-form-radio-wrap {
78    padding: 3px 0 0 0;
79    line-height:18px;
80}
81.x-form-check-group .x-form-check-wrap, 
82.x-form-radio-group .x-form-radio-wrap {
83    height: 18px;
84}
85.ext-ie .x-form-check-group .x-form-check-wrap, 
86.ext-ie .x-form-radio-group .x-form-radio-wrap {
87    height: 21px;
88}
89.ext-ie .x-form-check-wrap input,
90.ext-ie .x-form-radio-wrap input {
91    width:15px;
92    height:15px;
93}
94.x-form-check, .x-form-radio {
95        height: 13px;
96        width: 13px;
97    vertical-align: bottom;
98} 
99.x-form-radio {
100    margin-bottom: 3px;
101}
102.x-form-check, .ext-ie .x-form-radio {
103    margin-bottom: 2px;
104}
105.x-form-check-wrap-inner, .x-form-radio-wrap-inner {
106    display: inline;
107    padding: 3px 0 0 0;
108}
109.x-form-check {
110        background: url('../images/default/form/checkbox.gif') no-repeat 0 0;
111}
112.x-form-radio {
113        background: url('../images/default/form/radio.gif') no-repeat 0 0;
114}
115.x-form-check-focus .x-form-check, .x-form-check-over .x-form-check,
116.x-form-check-focus .x-form-radio, .x-form-check-over .x-form-radio {
117        background-position: -13px 0;
118}
119.x-form-check-down .x-form-check, 
120.x-form-check-down .x-form-radio {
121        background-position:-26px 0;
122}
123.x-form-check-checked .x-form-check-focus .x-form-check, 
124.x-form-check-checked .x-form-check-over .x-form-check {
125        background-position:-13px -13px;
126}
127.x-form-check-checked .x-form-check-down .x-form-check {
128        background-position:-26px -13px;
129}
130.x-form-check-checked .x-form-check, 
131.x-form-check-checked .x-form-radio {
132        background-position:0 -13px;
133}
134.x-form-check-group-label {
135    border-bottom: 1px solid #99BBE8;
136    color: #15428B;
137    margin-bottom: 5px;
138    padding-left: 3px !important;
139    float: none !important;
140}
141
142/* wrapped fields and triggers */
143
144.x-form-field-wrap {
145    position:relative;
146    zoom:1;
147    white-space: nowrap;
148}
149.x-form-field-wrap .x-form-trigger{
150    width:17px;
151    height:21px;
152    border:0;
153    background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
154    cursor:pointer;
155    border-bottom: 1px solid #B5B8C8;
156    position:absolute;
157    top:0;
158}
159.ext-safari .x-form-field-wrap .x-form-trigger{
160    height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
161}
162
163.x-form-field-wrap .x-form-date-trigger{
164    background-image: url(../images/default/form/date-trigger.gif);
165    cursor:pointer;
166}
167.x-form-field-wrap .x-form-clear-trigger{
168    background-image: url(../images/default/form/clear-trigger.gif);
169    cursor:pointer;
170}
171.x-form-field-wrap .x-form-search-trigger{
172    background-image: url(../images/default/form/search-trigger.gif);
173    cursor:pointer;
174}
175.ext-safari .x-form-field-wrap .x-form-trigger{
176    right:0;
177}
178.x-form-field-wrap .x-form-twin-triggers{
179
180}
181.x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
182    position:static;
183    top:auto;
184    vertical-align:top;
185}
186
187
188.x-form-field-wrap .x-form-trigger-over{
189    background-position:-17px 0;
190}
191.x-form-field-wrap .x-form-trigger-click{
192    background-position:-34px 0;
193}
194
195.x-trigger-wrap-focus .x-form-trigger{
196    background-position:-51px 0;
197}
198.x-trigger-wrap-focus .x-form-trigger-over{
199    background-position:-68px 0;
200}
201.x-trigger-wrap-focus .x-form-trigger-click{
202    background-position:-85px 0;
203}
204.x-trigger-wrap-focus .x-form-trigger{
205    border-bottom: 1px solid #7eadd9;
206}
207
208.x-item-disabled .x-form-trigger-over{
209    background-position:0 0 !important;
210    border-bottom: 1px solid #B5B8C8;
211}
212.x-item-disabled .x-form-trigger-click{
213    background-position:0 0 !important;
214    border-bottom: 1px solid #B5B8C8;
215}
216
217/* field focus style */
218.x-form-focus, textarea.x-form-focus{
219        border: 1px solid #7eadd9;
220}
221
222/* invalid fields */
223.x-form-invalid, textarea.x-form-invalid{
224        background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
225        border: 1px solid #dd7870;
226}
227.ext-safari .x-form-invalid{
228        background-color:#ffeeee;
229        border: 1px solid #ff7870;
230}
231
232/* editors */
233.x-editor {
234    visibility:hidden;
235    padding:0;
236    margin:0;
237}
238.x-editor .x-form-check-wrap,
239.x-editor .x-form-radio-wrap {
240    background:#fff;
241    padding:3px;
242}
243.x-editor .x-form-checkbox {
244    height:13px;
245}
246/* If you override the default field font above, you would need to change this font as well */
247.x-form-grow-sizer {
248        font:normal 12px tahoma, arial, helvetica, sans-serif;
249    left: -10000px;
250        padding: 8px 3px;
251    position: absolute;
252    visibility:hidden;
253    top: -10000px;
254        white-space: pre-wrap;
255    white-space: -moz-pre-wrap;
256    white-space: -pre-wrap;
257    white-space: -o-pre-wrap;
258    word-wrap: break-word;
259    zoom:1;
260}
261.x-form-grow-sizer p {
262    margin:0 !important;
263    border:0 none !important;
264    padding:0 !important;
265}
266/* Form Items CSS */
267
268.x-form-item {
269    font:normal 12px tahoma, arial, helvetica, sans-serif;
270    display:block;
271    margin-bottom:4px;
272    zoom:1;
273}
274
275.x-form-item label {
276    display:block;
277    float:left;
278    width:100px;
279    padding:3px;
280    padding-left:0;
281    clear:left;
282    z-index:2;
283    position:relative;
284}
285
286.x-form-element {
287    padding-left:105px;
288    position:relative;
289}
290
291.x-form-invalid-msg {
292    color:#ee0000;
293    padding:2px;
294    padding-left:18px;
295    font:normal 11px tahoma, arial, helvetica, sans-serif;
296    background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
297    line-height:16px;
298    width:200px;
299}
300
301.x-form-label-left label {
302   text-align:left;
303}
304.x-form-label-right label {
305   text-align:right;
306}
307
308.x-form-label-top .x-form-item label {
309    width:auto;
310    float:none;
311    clear:none;
312    display:inline;
313    margin-bottom:4px;
314    position:static;
315}
316
317.x-form-label-top .x-form-element {
318    padding-left:0;
319    padding-top:4px;
320}
321
322.x-form-label-top .x-form-item {
323    padding-bottom:4px;
324}
325
326.x-form-empty-field {
327    color:gray;
328}
329/* Editor small font for grid, toolbar and tree */
330.x-small-editor .x-form-field {
331    font:normal 11px arial, tahoma, helvetica, sans-serif;
332}
333.x-small-editor .x-form-text {
334    height:20px;
335    line-height:16px;
336    vertical-align:middle;
337}
338.ext-ie .x-small-editor .x-form-text {
339    margin-top:-1px !important; /* ie bogus margin bug */
340    margin-bottom:-1px !important;
341    height:20px !important; /* ie quirks */
342    line-height:16px !important;
343}
344.ext-strict .x-small-editor .x-form-text {
345    height:16px !important;
346}
347
348.ext-safari .x-small-editor .x-form-field {
349    /* safari text field will not size so needs bigger font */
350    font:normal 12px arial, tahoma, helvetica, sans-serif;
351}
352.ext-ie .x-small-editor .x-form-text {
353    height:20px;
354    line-height:16px;
355}
356.ext-border-box .x-small-editor .x-form-text {
357    height:20px;
358}
359
360.x-small-editor .x-form-select-one {
361    height:20px;
362    line-height:16px;
363    vertical-align:middle;
364}
365.x-small-editor .x-form-num-field {
366    text-align:right;
367}
368.x-small-editor .x-form-field-wrap .x-form-trigger{
369    height:19px;
370}
371
372
373.x-form-clear {
374    clear:both;
375    height:0;
376    overflow:hidden;
377    line-height:0;
378    font-size:0;
379}
380.x-form-clear-left {
381    clear:left;
382    height:0;
383    overflow:hidden;
384    line-height:0;
385    font-size:0;
386}
387
388.x-form-cb-label {
389    width:auto !important;
390    float:none !important;
391    clear:none !important;
392    display:inline !important;
393    margin-left:4px;
394}
395
396.x-form-column {
397    float:left;
398    padding:0;
399    margin:0;
400    width:48%;
401    overflow:hidden;
402    zoom:1;
403}
404
405/* buttons */
406.x-form .x-form-btns-ct .x-btn{
407        float:right;
408        clear:none;
409}
410.x-form .x-form-btns-ct .x-form-btns td {
411        border:0;
412        padding:0;
413}
414.x-form .x-form-btns-ct .x-form-btns-right table{
415        float:right;
416        clear:none;
417}
418.x-form .x-form-btns-ct .x-form-btns-left table{
419        float:left;
420        clear:none;
421}
422.x-form .x-form-btns-ct .x-form-btns-center{
423        text-align:center; /*ie*/
424}
425.x-form .x-form-btns-ct .x-form-btns-center table{
426        margin:0 auto; /*everyone else*/
427}
428.x-form .x-form-btns-ct table td.x-form-btn-td{
429        padding:3px;
430}
431
432.x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
433        background-position:0 -147px;
434}
435.x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
436        background-position:0 -168px;
437}
438.x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
439        background-position:0 -189px;
440}
441
442.x-form .x-form-btns-ct .x-btn-click .x-btn-center{
443        background-position:0 -126px;
444}
445.x-form .x-form-btns-ct .x-btn-click  .x-btn-right{
446        background-position:0 -84px;
447}
448.x-form .x-form-btns-ct .x-btn-click .x-btn-left{
449        background-position:0 -63px;
450}
451.x-form-invalid-icon {
452    width:16px;
453    height:18px;
454    visibility:hidden;
455    position:absolute;
456    left:0;
457    top:0;
458    display:block;
459    background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
460}
461
462/* fieldsets */
463.x-fieldset {
464    border:1px solid #B5B8C8;
465    padding:10px;
466    margin-bottom:10px;
467    display:block; /* preserve margins in IE */
468}
469.x-fieldset legend {
470    font:bold 11px tahoma, arial, helvetica, sans-serif;
471    color:#15428b;
472}
473.ext-ie .x-fieldset legend {
474    margin-bottom:10px;
475}
476.ext-ie .x-fieldset {
477    padding-top: 0;
478    padding-bottom:10px;
479}
480.x-fieldset legend .x-tool-toggle {
481    margin-right:3px;
482    margin-left:0;
483    float:left !important;
484}
485.x-fieldset legend input {
486    margin-right:3px;
487    float:left !important;
488    height:13px;
489    width:13px;
490}
491fieldset.x-panel-collapsed {
492    padding-bottom:0 !important;
493    border-width: 1px 1px 0 1px !important;
494    border-left-color: transparent;
495    border-right-color: transparent;
496}       
497.ext-ie6 fieldset.x-panel-collapsed{
498    padding-bottom:0 !important;
499    border-width: 1px 0 0 0 !important;
500    margin-left: 1px;
501    margin-right: 1px;
502}
503fieldset.x-panel-collapsed .x-fieldset-bwrap {
504    visibility:hidden;
505    position:absolute;
506    left:-1000px;
507    top:-1000px;
508}
509.ext-ie .x-fieldset-bwrap {
510    zoom:1;
511}
512.ext-ie td .x-form-text {
513    position:relative;
514    top:-1px;
515}
516.x-fieldset-noborder {
517    border:0px none transparent;
518}
519.x-fieldset-noborder legend {
520    margin-left:-3px;
521}
522/* IE legend positioing bug */
523.ext-ie .x-fieldset-noborder legend {
524    position: relative;
525    margin-bottom:23px;
526}
527.ext-ie .x-fieldset-noborder legend span {
528    position: absolute;
529    left:16px;
530}
531       
532.ext-gecko .x-window-body .x-form-item {
533    -moz-outline: none;
534    overflow: auto;
535}
536
537.ext-gecko .x-form-item {
538    -moz-outline: none;
539}
540
541.x-hide-label label.x-form-item-label {
542     display:none;
543}
544.x-hide-label .x-form-element {
545     padding-left: 0 !important;
546}
547
548.x-fieldset {
549    overflow:hidden;
550}
551
552.x-fieldset-bwrap {
553    overflow:hidden;
554    zoom:1;
555}
556
557.x-fieldset-body {
558    overflow:hidden;
559}
Note: See TracBrowser for help on using the repository browser.