3 * Copyright(c) 2006-2009 Ext JS, LLC
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 */
61 resize: none; /* Disable browser resizable textarea */
68 vertical-align:middle;
72 /* multi select boxes */
82 .ext-ie .x-form-check-wrap input {
87 .x-form-check-wrap input{
88 vertical-align: bottom;
91 .x-editor .x-form-check-wrap {
95 .x-editor .x-form-checkbox {
99 .x-form-check-group-label {
100 border-bottom: 1px solid;
102 padding-left: 3px !important;
103 float: none !important;
106 /* wrapped fields and triggers */
107 .x-form-field-wrap .x-form-trigger{
111 background:transparent no-repeat 0 0;
113 border-bottom: 1px solid;
118 .x-form-field-wrap .x-form-date-trigger, .x-form-field-wrap .x-form-clear-trigger, .x-form-field-wrap .x-form-search-trigger{
122 .ext-webkit .x-form-field-wrap .x-form-trigger{
126 .x-form-field-wrap .x-form-twin-triggers .x-form-trigger{
139 .x-form-field-wrap .x-form-trigger-over{
140 background-position:-17px 0;
143 .x-form-field-wrap .x-form-trigger-click{
144 background-position:-34px 0;
147 .x-trigger-wrap-focus .x-form-trigger{
148 background-position:-51px 0;
151 .x-trigger-wrap-focus .x-form-trigger-over{
152 background-position:-68px 0;
155 .x-trigger-wrap-focus .x-form-trigger-click{
156 background-position:-85px 0;
159 .x-trigger-wrap-focus .x-form-trigger{
160 border-bottom: 1px solid;
163 .x-item-disabled .x-form-trigger-over{
164 background-position:0 0 !important;
165 border-bottom: 1px solid;
168 .x-item-disabled .x-form-trigger-click{
169 background-position:0 0 !important;
170 border-bottom: 1px solid;
177 /* field focus style */
178 .x-form-focus, textarea.x-form-focus{
183 .x-form-invalid, textarea.x-form-invalid{
184 background:repeat-x bottom;
188 .ext-webkit .x-form-invalid{
192 .x-form-inner-invalid, textarea.x-form-inner-invalid{
193 background:repeat-x bottom;
209 white-space: pre-wrap;
210 white-space: -moz-pre-wrap;
211 white-space: -pre-wrap;
212 white-space: -o-pre-wrap;
213 word-wrap: break-word;
217 .x-form-grow-sizer p {
219 border:0 none !important;
220 padding:0 !important;
231 .x-form-item label.x-form-item-label {
247 .x-form-invalid-msg {
250 background: transparent no-repeat 0 2px;
255 .x-form-label-left label.x-form-item-label {
259 .x-form-label-right label.x-form-item-label {
263 .x-form-label-top .x-form-item label.x-form-item-label {
272 .x-form-label-top .x-form-element {
277 .x-form-label-top .x-form-item {
281 /* Editor small font for grid, toolbar and tree */
282 .x-small-editor .x-form-text {
285 vertical-align:middle;
288 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
289 margin-top:-1px !important; /* ie bogus margin bug */
290 margin-bottom:-1px !important;
291 height:20px !important; /* ie quirks */
292 line-height:16px !important;
295 .ext-strict .x-small-editor .x-form-text {
296 height:16px !important;
299 .ext-ie6 .x-small-editor .x-form-text, .ext-ie7 .x-small-editor .x-form-text {
304 .ext-border-box .x-small-editor .x-form-text {
308 .x-small-editor .x-form-select-one {
311 vertical-align:middle;
314 .x-small-editor .x-form-num-field {
318 .x-small-editor .x-form-field-wrap .x-form-trigger{
322 .ext-webkit .x-small-editor .x-form-text{padding-top:3px;font-size:100%;}
339 .ext-ie6 .x-form-check-wrap input, .ext-border-box .x-form-check-wrap input{
349 .ext-ie .x-form-cb-label{
353 .ext-ie6 .x-form-cb-label, .ext-border-box .x-form-cb-label{
357 .x-form-display-field{
361 .ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field{
365 .ext-ie .x-form-display-field{
369 .ext-strict .ext-ie8 .x-form-display-field{
383 .x-form .x-form-btns-ct .x-btn{
388 .x-form .x-form-btns-ct .x-form-btns td {
393 .x-form .x-form-btns-ct .x-form-btns-right table{
398 .x-form .x-form-btns-ct .x-form-btns-left table{
403 .x-form .x-form-btns-ct .x-form-btns-center{
404 text-align:center; /*ie*/
407 .x-form .x-form-btns-ct .x-form-btns-center table{
408 margin:0 auto; /*everyone else*/
411 .x-form .x-form-btns-ct table td.x-form-btn-td{
415 .x-form .x-form-btns-ct .x-btn-focus .x-btn-left{
416 background-position:0 -147px;
419 .x-form .x-form-btns-ct .x-btn-focus .x-btn-right{
420 background-position:0 -168px;
423 .x-form .x-form-btns-ct .x-btn-focus .x-btn-center{
424 background-position:0 -189px;
427 .x-form .x-form-btns-ct .x-btn-click .x-btn-center{
428 background-position:0 -126px;
431 .x-form .x-form-btns-ct .x-btn-click .x-btn-right{
432 background-position:0 -84px;
435 .x-form .x-form-btns-ct .x-btn-click .x-btn-left{
436 background-position:0 -63px;
439 .x-form-invalid-icon {
447 background:transparent no-repeat 0 2px;
455 display:block; /* preserve margins in IE */
458 /* make top of checkbox/tools visible in webkit */
459 .ext-webkit .x-fieldset-header {
463 .ext-ie .x-fieldset legend {
467 .ext-ie .x-fieldset {
472 .x-fieldset legend .x-tool-toggle {
475 float:left !important;
478 .x-fieldset legend input {
480 float:left !important;
485 fieldset.x-panel-collapsed {
486 padding-bottom:0 !important;
487 border-width: 1px 1px 0 1px !important;
488 border-left-color: transparent;
489 border-right-color: transparent;
492 .ext-ie6 fieldset.x-panel-collapsed{
493 padding-bottom:0 !important;
494 border-width: 1px 0 0 0 !important;
499 fieldset.x-panel-collapsed .x-fieldset-bwrap {
506 .ext-ie .x-fieldset-bwrap {
510 .x-fieldset-noborder {
511 border:0px none transparent;
514 .x-fieldset-noborder legend {
518 /* IE legend positioing bug */
519 .ext-ie .x-fieldset-noborder legend {
523 .ext-ie .x-fieldset-noborder legend span {
528 .ext-gecko .x-window-body .x-form-item {
533 .ext-gecko .x-form-item {
537 .x-hide-label label.x-form-item-label {
541 .x-hide-label .x-form-element {
542 padding-left: 0 !important;
545 .x-form-label-top .x-hide-label label.x-form-item-label{