From bf6d1cac10df747ab99ea166fda58d06137c28b6 Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Thu, 1 Mar 2012 21:07:45 +0100
Subject: [PATCH] Footer-clock styling & clock in ACP ;-)

---
 com.woltlab.wcf/template/footer.tpl           |  2 +-
 wcfsetup/install/files/acp/style/wcf.css      | 20 +++++++++++++------
 .../install/files/acp/templates/footer.tpl    |  5 ++++-
 3 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/com.woltlab.wcf/template/footer.tpl b/com.woltlab.wcf/template/footer.tpl
index b1732bf3d9..d4a99fd00f 100644
--- a/com.woltlab.wcf/template/footer.tpl
+++ b/com.woltlab.wcf/template/footer.tpl
@@ -16,7 +16,7 @@
 				<ul>
 					<li id="toTopLink" class="toTopLink"><a href="{$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{icon size='S'}toTop{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
 					{if SHOW_CLOCK}
-						<li><p><img src="{icon size='S'}time1{/icon}" alt="" /> <span>{@TIME_NOW|plainTime}</span></p></li>
+						<li class="separator"><p><img src="{icon size='S'}time{/icon}" alt="" /> <span>{@TIME_NOW|plainTime}</span></p></li>
 					{/if}
 				</ul>
 			</nav>
diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index 160b0f10fa..0af4584ec5 100644
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -1173,13 +1173,21 @@ nav.wcf-topMenu {
 
 .wcf-headerNavigation > ul > li,
 .wcf-footerNavigation > ul > li {
-	margin: 0 3px;
+	padding: 0 3px;
 	float: right;
 }
 
+.wcf-headerNavigation > ul > li.separator,
+.wcf-footerNavigation > ul > li.separator {
+	border-right: 1px dotted #bcd;
+}
+
 .wcf-headerNavigation > ul > li a,
+.wcf-headerNavigation > ul > li p,
 .wcf-footerNavigation > ul > li a,
-.wcf-footerNavigation > ul > li > p {
+.wcf-footerNavigation > ul > li p {
+	text-decoration: none;
+	color: #369;
 	padding: 3px;
 	display: inline-block;
 }
@@ -1190,11 +1198,11 @@ nav.wcf-topMenu {
 	background-color: #d8e7f5;
 }
 
-.wcf-headerNavigation > ul > li a:hover:active,
-.wcf-headerNavigation > ul > li a:hover:focus,
+.wcf-headerNavigation > ul > li a:active,
+.wcf-headerNavigation > ul > li a:focus,
 
-.wcf-footerNavigation > ul > li a:hover:active,
-.wcf-footerNavigation > ul > li a:hover:focus {
+.wcf-footerNavigation > ul > li a:active,
+.wcf-footerNavigation > ul > li a:focus {
 	background-color: #fff9f4;
 }
 
diff --git a/wcfsetup/install/files/acp/templates/footer.tpl b/wcfsetup/install/files/acp/templates/footer.tpl
index 1ea0c8ef6b..96e19be82d 100644
--- a/wcfsetup/install/files/acp/templates/footer.tpl
+++ b/wcfsetup/install/files/acp/templates/footer.tpl
@@ -9,7 +9,10 @@
 		<div>
 			<nav id="footerNavigation" class="wcf-footerNavigation">
 				<ul>
-					<li id="toTopLink" class="toTopLink"><a href="{@$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+					<li id="toTopLink" class="toTopLink"><a href="{$__wcf->getAnchor('top')}" title="{lang}wcf.global.scrollUp{/lang}" class="jsTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+					{if SHOW_CLOCK}
+						<li class="separator"><p><img src="{icon size='S'}time{/icon}" alt="" /> <span>{@TIME_NOW|plainTime}</span></p></li>
+					{/if}
 				</ul>
 			</nav>
 		</div>
-- 
2.20.1