From 1a00cb520b6ce288356e45f35f81373384528093 Mon Sep 17 00:00:00 2001
From: Ralf Zimmermann <ralf.zimmermann@tritum.de>
Date: Fri, 22 Jan 2016 11:06:21 +0100
Subject: [PATCH] [BUGFIX] EXT:form - Bring back missing default CSS styles
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
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/46149
Reviewed-by: Bjoern Jacob <bjoern.jacob@tritum.de>
Tested-by: Bjoern Jacob <bjoern.jacob@tritum.de>
Reviewed-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Tested-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Reviewed-by: Frank Nägler <frank.naegler@typo3.org>
Tested-by: Frank Nägler <frank.naegler@typo3.org>
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
---
.../form/Configuration/TypoScript/setup.txt | 205 ++++++++++++++++++
1 file changed, 205 insertions(+)
diff --git a/typo3/sysext/form/Configuration/TypoScript/setup.txt b/typo3/sysext/form/Configuration/TypoScript/setup.txt
index a95d395bc033..8b07d06fbba5 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
--
GitLab