.#{$prefix}form-invalid-under {
|
padding: top($form-error-under-padding) right($form-error-under-padding) bottom($form-error-under-padding) (left($form-error-under-padding) + $form-error-icon-width + $form-error-under-icon-spacing);
|
|
color: $form-error-msg-color;
|
font: $form-error-msg-font;
|
line-height: $form-error-msg-line-height;
|
|
background: no-repeat left($form-error-under-padding) top($form-error-under-padding);
|
background-image: theme-background-image($form-exclamation-icon);
|
}
|
|
// When the label is on top, the right icon cell is taller, so the icon image needs bumping down
|
// add element name to increase specificity to be greater than .x-form-invalid-under
|
div.#{$prefix}lbl-top-err-icon {
|
margin-bottom: round(($form-field-height - $form-error-icon-height) / 2);
|
}
|
|
.#{$prefix}form-invalid-icon {
|
width: $form-error-icon-width;
|
height: $form-error-icon-height;
|
margin: $form-error-icon-side-margin;
|
background-image: theme-background-image($form-exclamation-icon);
|
background-repeat: no-repeat;
|
}
|
|
.#{$prefix}form-item-label {
|
color: $form-label-font-color;
|
font: $form-label-font;
|
margin-top: round(($form-field-height - $form-label-line-height) / 2);
|
@if $include-ext-toolbar-toolbar {
|
.#{$prefix}toolbar-item & {
|
@if $form-label-font != $form-toolbar-label-font {
|
font: $form-toolbar-label-font;
|
}
|
@if ($form-field-height != $form-toolbar-field-height) or ($form-label-line-height != $form-toolbar-label-line-height) {
|
margin-top: round(($form-toolbar-field-height - $form-toolbar-label-line-height) / 2);
|
}
|
}
|
}
|
}
|
|
.#{$prefix}autocontainer-form-item,
|
.#{$prefix}anchor-form-item,
|
.#{$prefix}vbox-form-item,
|
.#{$prefix}table-form-item {
|
margin-bottom: $form-item-margin-bottom;
|
}
|
|
// IE6 cannot do border-color: transparent
|
// So we revert pack to a pad row for IE6
|
.#{$prefix}ie6 {
|
.#{$prefix}form-form-item {
|
td {
|
border-top-width: 0;
|
}
|
}
|
|
// Padding row for IE6 when Labelable Fields are in a form layout
|
td.#{$prefix}form-item-pad {
|
height: $form-item-margin-bottom;
|
}
|
}
|
