[BUGFIX] EXT:form - Bring back missing default CSS styles 63/46163/2
authorRalf Zimmermann <ralf.zimmermann@tritum.de>
Fri, 22 Jan 2016 10:06:21 +0000 (11:06 +0100)
committerChristian Kuhn <lolli@schwarzbu.ch>
Fri, 22 Jan 2016 18:06:48 +0000 (19:06 +0100)
Re-add the default CSS styles for EXT:form.
The default CSS styles have been removed by accident during the rewrite.

Resolves: #72863
Releases: master, 7.6
Change-Id: Id03771f37674f3cb5e678a9a2d5585880501cd35
Reviewed-on: https://review.typo3.org/46163
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
typo3/sysext/form/Configuration/TypoScript/setup.txt

index a95d395..8b07d06 100644 (file)
@@ -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