3 * Copyright(c) 2006-2010 Ext JS, Inc.
5 * http://www.extjs.com/license
13 outline: none !important;
16 /* ---- text fields ---- */
17 .x-form-text, textarea.x-form-field{
19 background:repeat-x 0 0;
23 textarea.x-form-field {
27 .x-form-text, .ext-ie .x-form-file {
30 vertical-align:middle;
33 .ext-ie6 .x-form-text, .ext-ie7 .x-form-text {
34 margin:-1px 0; /* ie bogus margin bug */
35 height:22px; /* ie quirks */
39 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
40 margin:-1px 0; /* ie bogus margin bug */
43 .ext-strict .x-form-text {
47 .ext-safari.ext-mac textarea.x-form-field {
48 margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
52 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
57 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
58 padding-top:2px; /* FF won't center the text vertically */
62 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
63 margin: 0 !important; /* clear ie bogus margin bug fix */
67 resize: none; /* Disable browser resizable textarea */
74 vertical-align:middle;
78 /* multi select boxes */
88 .ext-ie .x-form-check-wrap input {
93 .x-form-check-wrap input{
94 vertical-align: bottom;
97 .x-editor .x-form-check-wrap {
101 .x-editor .x-form-checkbox {
105 .x-form-check-group-label {
106 border-bottom: 1px solid;
108 padding-left: 3px !important;
109 float: none !important;
112 /* wrapped fields and triggers */
113 .x-form-field-wrap .x-form-trigger{
117 background:transparent no-repeat 0 0;
119 border-bottom: 1px solid;
124 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
128 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
142 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
143 right: 0; /* IE8 Strict mode trigger bug */
146 .x-form-field-wrap .x-form-trigger-over{
147 background-position:-17px 0;
150 .x-form-field-wrap .x-form-trigger-click{
151 background-position:-34px 0;
154 .x-trigger-wrap-focus .x-form-trigger{
155 background-position:-51px 0;
158 .x-trigger-wrap-focus .x-form-trigger-over{
159 background-position:-68px 0;
162 .x-trigger-wrap-focus .x-form-trigger-click{
163 background-position:-85px 0;
166 .x-trigger-wrap-focus .x-form-trigger{
167 border-bottom: 1px solid;
170 .x-item-disabled .x-form-trigger-over{
171 background-position:0 0 !important;
172 border-bottom: 1px solid;
175 .x-item-disabled .x-form-trigger-click{
176 background-position:0 0 !important;
177 border-bottom: 1px solid;
184 /* field focus style */
185 .x-form-focus, textarea.x-form-focus{
190 .x-form-invalid, textarea.x-form-invalid{
191 background:repeat-x bottom;
195 .x-form-inner-invalid, textarea.x-form-inner-invalid{
196 background:repeat-x bottom;
212 white-space: pre-wrap;
213 white-space: -moz-pre-wrap;
214 white-space: -pre-wrap;
215 white-space: -o-pre-wrap;
216 word-wrap: break-word;
220 .x-form-grow-sizer p {
222 border:0 none !important;
223 padding:0 !important;
234 .x-form-item label.x-form-item-label {
250 .x-form-invalid-msg {
253 background: transparent no-repeat 0 2px;
258 .x-form-label-left label.x-form-item-label {
262 .x-form-label-right label.x-form-item-label {
266 .x-form-label-top .x-form-item label.x-form-item-label {
275 .x-form-label-top .x-form-element {
280 .x-form-label-top .x-form-item {
284 /* Editor small font for grid, toolbar and tree */
285 .x-small-editor .x-form-text {
288 vertical-align:middle;
291 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
292 margin-top:-1px !important; /* ie bogus margin bug */
293 margin-bottom:-1px !important;
294 height:20px !important; /* ie quirks */
295 line-height:16px !important;
298 .ext-strict .x-small-editor .x-form-text {
299 height:16px !important;
302 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
307 .ext-border-box .x-small-editor .x-form-text {
311 .x-small-editor .x-form-select-one {
314 vertical-align:middle;
317 .x-small-editor .x-form-num-field {
321 .x-small-editor .x-form-field-wrap .x-form-trigger{
325 .ext-webkit .x-small-editor .x-form-field-wrap .x-form-trigger{
329 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
346 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
356 .ext-ie .x-form-cb-label{
360 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
364 .x-form-display-field{
368 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
372 .ext-ie .x-form-display-field{
376 .ext-strict .ext-ie8 .x-form-display-field{
390 .x-form .x-form-btns-ct .x-btn{
395 .x-form .x-form-btns-ct .x-form-btns td {
400 .x-form .x-form-btns-ct .x-form-btns-right table{
405 .x-form .x-form-btns-ct .x-form-btns-left table{
410 .x-form .x-form-btns-ct .x-form-btns-center{
411 text-align:center; /*ie*/
414 .x-form .x-form-btns-ct .x-form-btns-center table{
415 margin:0 auto; /*everyone else*/
418 .x-form .x-form-btns-ct table td.x-form-btn-td{
422 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
423 background-position:0 -147px;
426 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
427 background-position:0 -168px;
430 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
431 background-position:0 -189px;
434 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
435 background-position:0 -126px;
438 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
439 background-position:0 -84px;
442 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
443 background-position:0 -63px;
446 .x-form-invalid-icon {
454 background:transparent no-repeat 0 2px;
462 display:block; /* preserve margins in IE */
465 /* make top of checkbox/tools visible in webkit */
466 .ext-webkit .x-fieldset-header {
470 .ext-ie .x-fieldset legend {
474 .ext-ie .x-fieldset {
479 .x-fieldset legend .x-tool-toggle {
482 float:left !important;
485 .x-fieldset legend input {
487 float:left !important;
492 fieldset.x-panel-collapsed {
493 padding-bottom:0 !important;
494 border-width: 1px 1px 0 1px !important;
495 border-left-color: transparent;
496 border-right-color: transparent;
499 .ext-ie6 fieldset.x-panel-collapsed{
500 padding-bottom:0 !important;
501 border-width: 1px 0 0 0 !important;
506 fieldset.x-panel-collapsed .x-fieldset-bwrap {
513 .ext-ie .x-fieldset-bwrap {
517 .x-fieldset-noborder {
518 border:0px none transparent;
521 .x-fieldset-noborder legend {
525 /* IE legend positioning bug */
526 .ext-ie .x-fieldset-noborder legend {
530 .ext-ie .x-fieldset-noborder legend span {
535 .ext-gecko .x-window-body .x-form-item {
541 .ext-mac.ext-gecko .x-window-body .x-form-item {
545 .ext-gecko .x-form-item {
550 .x-hide-label label.x-form-item-label {
554 .x-hide-label .x-form-element {
555 padding-left: 0 !important;
558 .x-form-label-top .x-hide-label label.x-form-item-label{