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 */
51 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
55 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
56 padding-top:2px; /* FF won't center the text vertically */
60 .ext-ie6 .x-form-composite .x-form-text.x-box-item, .ext-ie7 .x-form-composite .x-form-text.x-box-item {
61 margin: 0 !important; /* clear ie bogus margin bug fix */
65 resize: none; /* Disable browser resizable textarea */
72 vertical-align:middle;
76 /* multi select boxes */
86 .ext-ie .x-form-check-wrap input {
91 .x-form-check-wrap input{
92 vertical-align: bottom;
95 .x-editor .x-form-check-wrap {
99 .x-editor .x-form-checkbox {
103 .x-form-check-group-label {
104 border-bottom: 1px solid;
106 padding-left: 3px !important;
107 float: none !important;
110 /* wrapped fields and triggers */
111 .x-form-field-wrap .x-form-trigger{
115 background:transparent no-repeat 0 0;
117 border-bottom: 1px solid;
122 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
126 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
140 .ext-strict .ext-ie8 .x-toolbar-cell .x-form-field-trigger-wrap .x-form-trigger {
141 right: 0; /* IE8 Strict mode trigger bug */
144 .x-form-field-wrap .x-form-trigger-over{
145 background-position:-17px 0;
148 .x-form-field-wrap .x-form-trigger-click{
149 background-position:-34px 0;
152 .x-trigger-wrap-focus .x-form-trigger{
153 background-position:-51px 0;
156 .x-trigger-wrap-focus .x-form-trigger-over{
157 background-position:-68px 0;
160 .x-trigger-wrap-focus .x-form-trigger-click{
161 background-position:-85px 0;
164 .x-trigger-wrap-focus .x-form-trigger{
165 border-bottom: 1px solid;
168 .x-item-disabled .x-form-trigger-over{
169 background-position:0 0 !important;
170 border-bottom: 1px solid;
173 .x-item-disabled .x-form-trigger-click{
174 background-position:0 0 !important;
175 border-bottom: 1px solid;
182 /* field focus style */
183 .x-form-focus, textarea.x-form-focus{
188 .x-form-invalid, textarea.x-form-invalid{
189 background:repeat-x bottom;
193 .ext-webkit .x-form-invalid{
197 .x-form-inner-invalid, textarea.x-form-inner-invalid{
198 background:repeat-x bottom;
214 white-space: pre-wrap;
215 white-space: -moz-pre-wrap;
216 white-space: -pre-wrap;
217 white-space: -o-pre-wrap;
218 word-wrap: break-word;
222 .x-form-grow-sizer p {
224 border:0 none !important;
225 padding:0 !important;
236 .x-form-item label.x-form-item-label {
252 .x-form-invalid-msg {
255 background: transparent no-repeat 0 2px;
260 .x-form-label-left label.x-form-item-label {
264 .x-form-label-right label.x-form-item-label {
268 .x-form-label-top .x-form-item label.x-form-item-label {
277 .x-form-label-top .x-form-element {
282 .x-form-label-top .x-form-item {
286 /* Editor small font for grid, toolbar and tree */
287 .x-small-editor .x-form-text {
290 vertical-align:middle;
293 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
294 margin-top:-1px !important; /* ie bogus margin bug */
295 margin-bottom:-1px !important;
296 height:20px !important; /* ie quirks */
297 line-height:16px !important;
300 .ext-strict .x-small-editor .x-form-text {
301 height:16px !important;
304 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
309 .ext-border-box .x-small-editor .x-form-text {
313 .x-small-editor .x-form-select-one {
316 vertical-align:middle;
319 .x-small-editor .x-form-num-field {
323 .x-small-editor .x-form-field-wrap .x-form-trigger{
327 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
344 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
354 .ext-ie .x-form-cb-label{
358 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
362 .x-form-display-field{
366 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
370 .ext-ie .x-form-display-field{
374 .ext-strict .ext-ie8 .x-form-display-field{
388 .x-form .x-form-btns-ct .x-btn{
393 .x-form .x-form-btns-ct .x-form-btns td {
398 .x-form .x-form-btns-ct .x-form-btns-right table{
403 .x-form .x-form-btns-ct .x-form-btns-left table{
408 .x-form .x-form-btns-ct .x-form-btns-center{
409 text-align:center; /*ie*/
412 .x-form .x-form-btns-ct .x-form-btns-center table{
413 margin:0 auto; /*everyone else*/
416 .x-form .x-form-btns-ct table td.x-form-btn-td{
420 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
421 background-position:0 -147px;
424 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
425 background-position:0 -168px;
428 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
429 background-position:0 -189px;
432 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
433 background-position:0 -126px;
436 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
437 background-position:0 -84px;
440 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
441 background-position:0 -63px;
444 .x-form-invalid-icon {
452 background:transparent no-repeat 0 2px;
460 display:block; /* preserve margins in IE */
463 /* make top of checkbox/tools visible in webkit */
464 .ext-webkit .x-fieldset-header {
468 .ext-ie .x-fieldset legend {
472 .ext-ie .x-fieldset {
477 .x-fieldset legend .x-tool-toggle {
480 float:left !important;
483 .x-fieldset legend input {
485 float:left !important;
490 fieldset.x-panel-collapsed {
491 padding-bottom:0 !important;
492 border-width: 1px 1px 0 1px !important;
493 border-left-color: transparent;
494 border-right-color: transparent;
497 .ext-ie6 fieldset.x-panel-collapsed{
498 padding-bottom:0 !important;
499 border-width: 1px 0 0 0 !important;
504 fieldset.x-panel-collapsed .x-fieldset-bwrap {
511 .ext-ie .x-fieldset-bwrap {
515 .x-fieldset-noborder {
516 border:0px none transparent;
519 .x-fieldset-noborder legend {
523 /* IE legend positioning bug */
524 .ext-ie .x-fieldset-noborder legend {
528 .ext-ie .x-fieldset-noborder legend span {
533 .ext-gecko .x-window-body .x-form-item {
539 .ext-gecko .x-form-item {
544 .x-hide-label label.x-form-item-label {
548 .x-hide-label .x-form-element {
549 padding-left: 0 !important;
552 .x-form-label-top .x-hide-label label.x-form-item-label{