1 /* Form CSS - based on details in form_design.svg */
8 /* ---------------------- LABELS --------------------- */
22 .x-form-label-right label
27 .x-form-label-top .x-form-item label
37 /* ---------------------- FONTS --------------------- */
38 /* --- move to a more generic place... ---*/
42 .x-form fieldset legend
44 font: normal 11px tahoma, verdana, helvetica;
47 /* ---------------------- FORM ITEM/ELEMENT/TEXT WRAPPING --------------------- */
64 height: 18px; /* needs 20px in one of the non-roo projects..? */
66 vertical-align: middle;
67 background: url(../images/default/form/bg.gif) repeat-x 0 0;
75 on our demo's this is far to small
78 .x-form-item .x-form-text
80 height: 14px; /* need to determine when this should be larger or smaller.. ? */
83 /* -- border around text elements */
88 border: solid 1px black;
98 /* gecko specific fix */
100 .roo-ie .roo-strict .x-form-text,
109 .roo-ie .x-toolbar .x-form-text
114 height: 18px !important;
118 .roo-ie .x-form-date-trigger,
119 .roo-ie .x-form-arrow-trigger
123 height: 20px !important;
126 /** some kind of kludge for the combo demo */
127 .roo-gecko .roo-strict .x-form-text {
131 .roo-gecko .x-form-item .x-form-text {
132 /* the dynamic demo needs 20px */
135 .roo-gecko .x-form-text {
141 .x-form-empty-field {
145 /* ---------------------- FORM INVALID --------------------- */
156 /* need a nice icon for this */
157 background: url(../images/default/tree/drop-no.gif) no-repeat 0 0;
163 background: url(../images/default/grid/invalid_line.gif) repeat-x 0 16px;
164 border: 1px solid red !important;
166 textarea.x-form-invalid
173 /* ---------------------- FORM LINE CLEARER --------------------- */
192 /* ---------------------- FORM COLUMNS --------------------- */
204 /* ---------------------- FORM FIELDSETS --------------------- */
209 border: 1px solid #ccc;
217 .x-form fieldset legend {
221 /* ---------------------- FORM CHECKBOXES --------------------- */
225 clear :none !important;
226 float: none !important;;
227 display: inline !important;;
231 /* ---------------------- FORM COMBOS --------------------- */
233 /** -- see also the combo.css */
235 .x-form-field-wrap .x-form-trigger {
238 border-left: 0px solid;
243 background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
244 background-repeat:no-repeat;
245 background-position:center; /* centers image in div, creating 1px white border effect */
250 /* ---------------------- FORM BUTTON BAR --------------------- */
252 .x-form .x-form-btns-ct .x-form-btns-center {
255 .x-form .x-form-btns-ct .x-form-btns-center table {
259 .x-form .x-form-btns-ct .x-form-btns td.x-form-btn-td {
263 .x-form .x-form-btns-ct .x-form-btns td {
268 .x-form .x-form-btns-ct .x-btn {
273 /* ---------------------- FORM RESIZE CALC TRICK --------------------- */