forms/ >> << File Reference / Overview
This file contains all CSS definitions used to style a form.
| Definition | Description |
|---|---|
| .SimpleCF-container |
Controls the style of the div that every form is wrapped in. By default a border is added around all forms. |
| .SimpleCF-container .popup | Controls the style of the validation message pop up container. |
| .SimpleCF-container .popup .content | The content div holds the pop up message. |
| .SimpleCF-container .popup .arrow |
The pop up arrow displays a small up arrow to indicate the current field. |
| .SimpleCF-container .field |
All fields should be wrapped in a .field div.
|
| .SimpleCF-container .field label |
The stlye applied to all field label tags.
|
| .SimpleCF-container .textfield |
Used to style single line input tags.
|
| .SimpleCF-container .textbox |
Used to style multi line textarea tags.
|
| .SimpleCF-container .textfield.focus | Styles a text field that has focus. |
| .SimpleCF-container .textbox.focus | Styles a text box that has focus. |
| .SimpleCF-container .field.invalid label .SimpleCF-container label.invalid |
The stlye applied to fields that fail validation. |
| .SimpleCF-container .field.invalid .textfield .SimpleCF-container .textfield.invalid |
The style applied to text fields of fields that fail validation. |
| .SimpleCF-container .field.invalid .textbox .SimpleCF-container .textbox.invalid |
The style applied to text boxes of fields that fail validation. |
| .SimpleCF-container .field.invalid .combobox .SimpleCF-container .combobox.invalid |
The style applied to drop down boxes of fields that fail validation. |
| .SimpleCF-container .verificationCode | The style applied to the text based captcha question. |
| .SimpleCF-container .success | The style applied to the success message box. |
| .SimpleCF-container .error | The style applied to the error messages |
| .SimpleCF-container .error.main | The style applied to the error message box. |