From a785e6a715b09c0dafdc77fa10b37af399a8b37d Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Tue, 13 Sep 2016 12:02:34 +0200
Subject: [PATCH] Overhauled footer styling in style preview

---
 .../files/acp/style/acpStyleEditor.css        |  4 +++-
 .../install/files/acp/templates/styleAdd.tpl  | 19 +++++++++++++++++++
 .../files/lib/acp/form/StyleAddForm.class.php |  6 ++++--
 3 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/acp/style/acpStyleEditor.css b/wcfsetup/install/files/acp/style/acpStyleEditor.css
index ffd777782d..89a9c7748d 100644
--- 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 1a5a79a8d4..6dd70a5671 100644
--- 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 180a5b009e..5c3fc5e813 100644
--- 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
-- 
2.20.1