/source/Plug-in/ext/resources/css_1/form.css

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