2 * Ext JS Library 2.2.1
\r
3 * Copyright(c) 2006-2009, Ext JS, LLC.
\r
4 * licensing@extjs.com
\r
6 * http://extjs.com/license
\r
12 font:normal 12px tahoma, arial, helvetica, sans-serif;
\r
15 /* ---- text fields ---- */
\r
16 .x-form-text, textarea.x-form-field{
\r
18 background:#fff url(../images/default/form/text-bg.gif) repeat-x 0 0;
\r
19 border:1px solid #B5B8C8;
\r
21 textarea.x-form-field {
\r
27 vertical-align:middle;
\r
29 .ext-ie .x-form-text {
\r
30 margin:-1px 0; /* ie bogus margin bug */
\r
31 height:22px; /* ie quirks */
\r
34 .ext-ie textarea.x-form-field {
\r
35 margin:-1px 0; /* ie bogus margin bug */
\r
37 .ext-strict .x-form-text {
\r
40 .ext-safari .x-form-text {
\r
41 height:20px; /* safari always same size */
\r
42 padding:0 3px; /* remove extra top/bottom padding */
\r
44 .ext-safari.ext-mac textarea.x-form-field {
\r
45 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
\r
47 .ext-gecko .x-form-text {
\r
48 padding-top:2px; /* FF won't center the text vertically */
\r
52 resize: none; /* Disable browser resizable textarea */
\r
57 .x-form-select-one {
\r
60 vertical-align:middle;
\r
61 background-color:#fff; /* opera */
\r
62 border: 1px solid #B5B8C8;
\r
65 /* multi select boxes */
\r
69 /* checkboxes / radios */
\r
70 .x-form-check-group, .x-form-radio-group {
\r
73 .x-form-check-group .x-form-invalid .x-panel-body,
\r
74 .x-form-radio-group .x-form-invalid .x-panel-body {
\r
75 background-color: transparent;
\r
77 .x-form-check-wrap, .x-form-radio-wrap {
\r
81 .x-form-check-group .x-form-check-wrap,
\r
82 .x-form-radio-group .x-form-radio-wrap {
\r
85 .ext-ie .x-form-check-group .x-form-check-wrap,
\r
86 .ext-ie .x-form-radio-group .x-form-radio-wrap {
\r
89 .ext-ie .x-form-check-wrap input,
\r
90 .ext-ie .x-form-radio-wrap input {
\r
94 .x-form-check, .x-form-radio {
\r
97 vertical-align: bottom;
\r
100 margin-bottom: 3px;
\r
102 .x-form-check, .ext-ie .x-form-radio {
\r
103 margin-bottom: 2px;
\r
105 .x-form-check-wrap-inner, .x-form-radio-wrap-inner {
\r
107 padding: 3px 0 0 0;
\r
110 background: url('../images/default/form/checkbox.gif') no-repeat 0 0;
\r
113 background: url('../images/default/form/radio.gif') no-repeat 0 0;
\r
115 .x-form-check-focus .x-form-check, .x-form-check-over .x-form-check,
\r
116 .x-form-check-focus .x-form-radio, .x-form-check-over .x-form-radio {
\r
117 background-position: -13px 0;
\r
119 .x-form-check-down .x-form-check,
\r
120 .x-form-check-down .x-form-radio {
\r
121 background-position:-26px 0;
\r
123 .x-form-check-checked .x-form-check-focus .x-form-check,
\r
124 .x-form-check-checked .x-form-check-over .x-form-check {
\r
125 background-position:-13px -13px;
\r
127 .x-form-check-checked .x-form-check-down .x-form-check {
\r
128 background-position:-26px -13px;
\r
130 .x-form-check-checked .x-form-check,
\r
131 .x-form-check-checked .x-form-radio {
\r
132 background-position:0 -13px;
\r
134 .x-form-check-group-label {
\r
135 border-bottom: 1px solid #99BBE8;
\r
137 margin-bottom: 5px;
\r
138 padding-left: 3px !important;
\r
139 float: none !important;
\r
142 /* wrapped fields and triggers */
\r
144 .x-form-field-wrap {
\r
147 white-space: nowrap;
\r
149 .x-form-field-wrap .x-form-trigger{
\r
153 background:transparent url(../images/default/form/trigger.gif) no-repeat 0 0;
\r
155 border-bottom: 1px solid #B5B8C8;
\r
159 .ext-safari .x-form-field-wrap .x-form-trigger{
\r
160 height:21px; /* safari doesn't allow height adjustments to the fields, so adjust trigger */
\r
163 .x-form-field-wrap .x-form-date-trigger{
\r
164 background-image: url(../images/default/form/date-trigger.gif);
\r
167 .x-form-field-wrap .x-form-clear-trigger{
\r
168 background-image: url(../images/default/form/clear-trigger.gif);
\r
171 .x-form-field-wrap .x-form-search-trigger{
\r
172 background-image: url(../images/default/form/search-trigger.gif);
\r
175 .ext-safari .x-form-field-wrap .x-form-trigger{
\r
178 .x-form-field-wrap .x-form-twin-triggers{
\r
181 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
\r
184 vertical-align:top;
\r
188 .x-form-field-wrap .x-form-trigger-over{
\r
189 background-position:-17px 0;
\r
191 .x-form-field-wrap .x-form-trigger-click{
\r
192 background-position:-34px 0;
\r
195 .x-trigger-wrap-focus .x-form-trigger{
\r
196 background-position:-51px 0;
\r
198 .x-trigger-wrap-focus .x-form-trigger-over{
\r
199 background-position:-68px 0;
\r
201 .x-trigger-wrap-focus .x-form-trigger-click{
\r
202 background-position:-85px 0;
\r
204 .x-trigger-wrap-focus .x-form-trigger{
\r
205 border-bottom: 1px solid #7eadd9;
\r
208 .x-item-disabled .x-form-trigger-over{
\r
209 background-position:0 0 !important;
\r
210 border-bottom: 1px solid #B5B8C8;
\r
212 .x-item-disabled .x-form-trigger-click{
\r
213 background-position:0 0 !important;
\r
214 border-bottom: 1px solid #B5B8C8;
\r
217 /* field focus style */
\r
218 .x-form-focus, textarea.x-form-focus{
\r
219 border: 1px solid #7eadd9;
\r
222 /* invalid fields */
\r
223 .x-form-invalid, textarea.x-form-invalid{
\r
224 background:#fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
\r
225 border: 1px solid #dd7870;
\r
227 .ext-safari .x-form-invalid{
\r
228 background-color:#ffeeee;
\r
229 border: 1px solid #ff7870;
\r
238 .x-editor .x-form-check-wrap,
\r
239 .x-editor .x-form-radio-wrap {
\r
243 .x-editor .x-form-checkbox {
\r
246 /* If you override the default field font above, you would need to change this font as well */
\r
247 .x-form-grow-sizer {
\r
248 font:normal 12px tahoma, arial, helvetica, sans-serif;
\r
251 position: absolute;
\r
254 white-space: pre-wrap;
\r
255 white-space: -moz-pre-wrap;
\r
256 white-space: -pre-wrap;
\r
257 white-space: -o-pre-wrap;
\r
258 word-wrap: break-word;
\r
261 .x-form-grow-sizer p {
\r
262 margin:0 !important;
\r
263 border:0 none !important;
\r
264 padding:0 !important;
\r
266 /* Form Items CSS */
\r
269 font:normal 12px tahoma, arial, helvetica, sans-serif;
\r
275 .x-form-item label {
\r
287 padding-left:105px;
\r
291 .x-form-invalid-msg {
\r
295 font:normal 11px tahoma, arial, helvetica, sans-serif;
\r
296 background: transparent url(../images/default/shared/warning.gif) no-repeat 0 2px;
\r
301 .x-form-label-left label {
\r
304 .x-form-label-right label {
\r
308 .x-form-label-top .x-form-item label {
\r
317 .x-form-label-top .x-form-element {
\r
322 .x-form-label-top .x-form-item {
\r
323 padding-bottom:4px;
\r
326 .x-form-empty-field {
\r
329 /* Editor small font for grid, toolbar and tree */
\r
330 .x-small-editor .x-form-field {
\r
331 font:normal 11px arial, tahoma, helvetica, sans-serif;
\r
333 .x-small-editor .x-form-text {
\r
336 vertical-align:middle;
\r
338 .ext-ie .x-small-editor .x-form-text {
\r
339 margin-top:-1px !important; /* ie bogus margin bug */
\r
340 margin-bottom:-1px !important;
\r
341 height:20px !important; /* ie quirks */
\r
342 line-height:16px !important;
\r
344 .ext-strict .x-small-editor .x-form-text {
\r
345 height:16px !important;
\r
348 .ext-safari .x-small-editor .x-form-field {
\r
349 /* safari text field will not size so needs bigger font */
\r
350 font:normal 12px arial, tahoma, helvetica, sans-serif;
\r
352 .ext-ie .x-small-editor .x-form-text {
\r
356 .ext-border-box .x-small-editor .x-form-text {
\r
360 .x-small-editor .x-form-select-one {
\r
363 vertical-align:middle;
\r
365 .x-small-editor .x-form-num-field {
\r
368 .x-small-editor .x-form-field-wrap .x-form-trigger{
\r
380 .x-form-clear-left {
\r
389 width:auto !important;
\r
390 float:none !important;
\r
391 clear:none !important;
\r
392 display:inline !important;
\r
406 .x-form .x-form-btns-ct .x-btn{
\r
410 .x-form .x-form-btns-ct .x-form-btns td {
\r
414 .x-form .x-form-btns-ct .x-form-btns-right table{
\r
418 .x-form .x-form-btns-ct .x-form-btns-left table{
\r
422 .x-form .x-form-btns-ct .x-form-btns-center{
\r
423 text-align:center; /*ie*/
\r
425 .x-form .x-form-btns-ct .x-form-btns-center table{
\r
426 margin:0 auto; /*everyone else*/
\r
428 .x-form .x-form-btns-ct table td.x-form-btn-td{
\r
432 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
\r
433 background-position:0 -147px;
\r
435 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
\r
436 background-position:0 -168px;
\r
438 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
\r
439 background-position:0 -189px;
\r
442 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
\r
443 background-position:0 -126px;
\r
445 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
\r
446 background-position:0 -84px;
\r
448 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
\r
449 background-position:0 -63px;
\r
451 .x-form-invalid-icon {
\r
459 background:transparent url(../images/default/form/exclamation.gif) no-repeat 0 2px;
\r
464 border:1px solid #B5B8C8;
\r
466 margin-bottom:10px;
\r
467 display:block; /* preserve margins in IE */
\r
469 .x-fieldset legend {
\r
470 font:bold 11px tahoma, arial, helvetica, sans-serif;
\r
473 .ext-ie .x-fieldset legend {
\r
474 margin-bottom:10px;
\r
476 .ext-ie .x-fieldset {
\r
478 padding-bottom:10px;
\r
480 .x-fieldset legend .x-tool-toggle {
\r
483 float:left !important;
\r
485 .x-fieldset legend input {
\r
487 float:left !important;
\r
491 fieldset.x-panel-collapsed {
\r
492 padding-bottom:0 !important;
\r
493 border-width: 1px 1px 0 1px !important;
\r
494 border-left-color: transparent;
\r
495 border-right-color: transparent;
\r
497 .ext-ie6 fieldset.x-panel-collapsed{
\r
498 padding-bottom:0 !important;
\r
499 border-width: 1px 0 0 0 !important;
\r
503 fieldset.x-panel-collapsed .x-fieldset-bwrap {
\r
509 .ext-ie .x-fieldset-bwrap {
\r
512 .ext-ie td .x-form-text {
\r
516 .x-fieldset-noborder {
\r
517 border:0px none transparent;
\r
519 .x-fieldset-noborder legend {
\r
522 /* IE legend positioing bug */
\r
523 .ext-ie .x-fieldset-noborder legend {
\r
524 position: relative;
\r
525 margin-bottom:23px;
\r
527 .ext-ie .x-fieldset-noborder legend span {
\r
528 position: absolute;
\r
532 .ext-gecko .x-window-body .x-form-item {
\r
533 -moz-outline: none;
\r
537 .ext-gecko .x-form-item {
\r
538 -moz-outline: none;
\r
541 .x-hide-label label.x-form-item-label {
\r
544 .x-hide-label .x-form-element {
\r
545 padding-left: 0 !important;
\r
552 .x-fieldset-bwrap {
\r