Overhauled footer styling in style preview

diff --git a/wcfsetup/install/files/acp/style/acpStyleEditor.css b/wcfsetup/install/files/acp/style/acpStyleEditor.css
index ffd777782d784831c9e2110dc7107daf73f8f55b..89a9c7748db99b1f1c3ec645785453b6905bdfa6 100644 (file)
--- a/wcfsetup/install/files/acp/style/acpStyleEditor.css
+++ b/wcfsetup/install/files/acp/style/acpStyleEditor.css
@@ -53,7 +53,9 @@
 #spFooterBox .spFooterBoxHeadline { font-size: 1.2rem; font-weight: 300; margin-bottom: 10px; }
 
 /* ### footer ### */
-#spFooter > .spBoundary { padding: 15px 0; text-align: center; }
+#spFooter > .spBoundary { padding: 15px 0; }
+#spFooter .spFooterHeadline { font-size: 1.2rem; font-weight: 300; margin-bottom: 10px; }
+#spFooterCopyright > .spBoundary { padding: 15px 0; text-align: center; }
 
 /* ### content sidebar ### */
 #spContent > .spBoundary { display: flex; }

diff --git a/wcfsetup/install/files/acp/templates/styleAdd.tpl b/wcfsetup/install/files/acp/templates/styleAdd.tpl
index 1a5a79a8d4d2e8a0338602efde4ca88f5a5c5fa1..6dd70a56712c028625503752c98edd2353fb0d0b 100644 (file)
--- a/wcfsetup/install/files/acp/templates/styleAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/styleAdd.tpl
@@ -650,6 +650,18 @@
                                                </div>
                                                
                                                <div id="spFooter" data-region="wcfFooter">
+                                                       <div class="spBoundary">
+                                                               <div class="spFooterItem">
+                                                                       <div class="spFooterHeadline" data-region="wcfFooterHeadline">Lorem Ipsum <a>Dolor Sit Amet</a></div>
+                                                                       
+                                                                       <p>
+                                                                               Lorem ipsum dolor sit amet, consetetur <a>sadipscing elitr</a>, sed diam nonumy eirmod tempor <a>invidunt ut labore</a> et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
+                                                                       </p>
+                                                               </div>
+                                                       </div>
+                                               </div>
+                                               
+                                               <div id="spFooterCopyright" data-region="wcfFooterCopyright">
                                                        <div class="spBoundary">
                                                                Copyright &copy; 1970-2038 <a>Example Company</a>
                                                        </div>
@@ -788,6 +800,13 @@
                                'wcfFooterText': '#spFooter { color: VALUE; }',
                                'wcfFooterLink': '#spFooter a { color: VALUE; }',
                                'wcfFooterLinkActive': '#spFooter a:active { color: VALUE; }',
+                               'wcfFooterHeadlineText': '#spFooter .spFooterHeadline { color: VALUE; }',
+                               'wcfFooterHeadlineLink': '#spFooter .spFooterHeadline a { color: VALUE; }',
+                               'wcfFooterHeadlineLinkActive': '#spFooter .spFooterHeadline a:hover { color: VALUE; }',
+                               'wcfFooterCopyrightBackground': '#spFooterCopyright { background-color: VALUE; }',
+                               'wcfFooterCopyrightText': '#spFooterCopyright { color: VALUE; }',
+                               'wcfFooterCopyrightLink': '#spFooterCopyright a { color: VALUE; }',
+                               'wcfFooterCopyrightLinkActive': '#spFooterCopyright a:active { color: VALUE; }',
                                'wcfSidebarBackground': '#spContentSidebar .spContentSidebarBox { background-color: VALUE; }',
                                'wcfSidebarText': '#spContentSidebar .spContentSidebarBox { color: VALUE; }',
                                'wcfSidebarLink': '#spContentSidebar .spContentSidebarBox a { color: VALUE; }',

diff --git a/wcfsetup/install/files/lib/acp/form/StyleAddForm.class.php b/wcfsetup/install/files/lib/acp/form/StyleAddForm.class.php
index 180a5b009e2ec19697de47bb2665ec3c13b5c84d..5c3fc5e813be81db6e048b68d0e7605102b181e6 100644 (file)
--- a/wcfsetup/install/files/lib/acp/form/StyleAddForm.class.php
+++ b/wcfsetup/install/files/lib/acp/form/StyleAddForm.class.php
@@ -430,7 +430,7 @@ class StyleAddForm extends AbstractForm {
                        'wcfDropdown' => 'wcfDropdown',
                        'wcfStatus' => ['wcfStatusInfo', 'wcfStatusSuccess', 'wcfStatusWarning', 'wcfStatusError'],
                        'wcfFooterBox' => ['wcfFooterBox', 'wcfFooterBoxHeadline'],
-                       'wcfFooter' => 'wcfFooter'
+                       'wcfFooter' => ['wcfFooter', 'wcfFooterHeadline', 'wcfFooterCopyright']
                ];
                
                $this->colors = [
@@ -458,7 +458,9 @@ class StyleAddForm extends AbstractForm {
                        'wcfStatusError' => ['background', 'border', 'text', 'link', 'linkActive'],
                        'wcfFooterBox' => ['background', 'text', 'link', 'linkActive'],
                        'wcfFooterBoxHeadline' => ['text', 'link', 'linkActive'],
-                       'wcfFooter' => ['background', 'text', 'link', 'linkActive']
+                       'wcfFooter' => ['background', 'text', 'link', 'linkActive'],
+                       'wcfFooterHeadline' => ['text', 'link', 'linkActive'],
+                       'wcfFooterCopyright' => ['background', 'text', 'link', 'linkActive']
                ];
                
                // set global variables