diff --git a/typo3/sysext/form/Configuration/TypoScript/setup.txt b/typo3/sysext/form/Configuration/TypoScript/setup.txt index a95d395bc033ad3459f5e37f09de7c3359dbfe4b..8b07d06fbba5b0de104bbb5c86d8ea9796cc12cc 100644 --- a/typo3/sysext/form/Configuration/TypoScript/setup.txt +++ b/typo3/sysext/form/Configuration/TypoScript/setup.txt @@ -37,4 +37,209 @@ plugin.tx_form { 10 = {$plugin.tx_form.view.layoutRootPath} } } + + _CSS_DEFAULT_STYLE ( + div.csc-mailform ol, + div.csc-mailform ol li { + margin: 0; + padding: 0; + } + + div.csc-mailform ol li { + overflow: hidden; + } + + div.csc-mailform fieldset { + margin: 0; + padding: 0; + position: relative; + } + + div.csc-mailform legend { + margin-left: 1em; + color: #000000; + font-weight: bold; + } + + div.csc-mailform fieldset ol { + padding: 1em 1em 0 1em; + } + + div.csc-mailform fieldset li { + padding: 0.5em; + margin-bottom: 0.5em; + list-style: none; + } + + div.csc-mailform fieldset.submit { + border-style: none; + } + + /** + * Normal label + * Left aligned, in front of input + */ + div.csc-mailform li label { + float: left; + width: 13em; + margin-right: 1em; + vertical-align: baseline; + } + + div.csc-mailform li input + label, + div.csc-mailform li textarea + label, + div.csc-mailform li select + label { + float: none; + width: auto; + margin-right: 0; + margin-left: 1em; + } + + div.csc-mailform li textarea + label { + vertical-align: top; + } + + label em, + legend em { + display: block; + color: #060; + font-size: 85%; + font-style: normal; + text-transform: uppercase; + } + + legend em { + position: absolute; + } + + label strong, + legend strong { + display: block; + color: #C00; + font-size: 85%; + font-weight: normal; + text-transform: uppercase; + } + + legend strong { + position: absolute; + top: 1.4em; + } + + /** + * Labels alignment right + */ + .labels-alignment-right label, + .labels-alignment-right .fieldset-subgroup legend, + .labels-alignment-right.fieldset-subgroup legend { + text-align: right; + } + + /** + * Horizontal fieldset + */ + fieldset.fieldset-horizontal { + border-width: 0; + } + + fieldset.fieldset-horizontal ol { + padding: 0; + } + + fieldset.fieldset-horizontal li { + float: left; + padding: 0; + margin-right: 1em; + } + + fieldset.fieldset-horizontal.label-below label { + display: block; + margin-left: 0; + margin-top: 0.2em; + font-size: 90%; + color: #999999; + text-align: left; + } + + fieldset.fieldset-horizontal label em { + display: inline; + } + + /** + * Subgroup fieldset + */ + fieldset.fieldset-subgroup { + margin-bottom: -2em; + border-style: none; + } + + fieldset.fieldset-subgroup legend { + margin-left: 0; + padding: 0; + font-weight: normal; + width: 13em; + } + + fieldset.fieldset-subgroup ol { + position: relative; + top: -1.4em; + margin: 0 0 0 14em; + padding: 0; + } + + fieldset.fieldset-subgroup li { + padding: 0; + } + + fieldset.fieldset-subgroup input + label { + float: none; + width: auto; + display: inline; + margin: 0 0 0 1em; + } + + /** + * Labels as block + * Labels displayed above or below the input fields + */ + .labels-block label { + display: block; + float: none; + margin: 0 0 0.5em; + width: auto; + } + + .labels-block input + label, + .labels-block textarea + label { + margin: 0.5em 0 0; + } + + .labels-block fieldset.fieldset-subgroup, + fieldset.labels-block.fieldset-subgroup { + margin-bottom: 0; + } + + .labels-block .fieldset-subgroup legend, + .labels-block.fieldset-subgroup legend { + width: auto; + } + + .labels-block .fieldset-subgroup legend em, + .labels-block.fieldset-subgroup legend em { + position: relative; + } + + .labels-block .fieldset-subgroup legend strong, + .labels-block.fieldset-subgroup legend strong { + position: relative; + top: 0; + } + + .labels-block .fieldset-subgroup ol, + .labels-block.fieldset-subgroup ol { + top: 0; + margin: 0; + padding: 0.5em 0 0; + } + ) } \ No newline at end of file