Footer-clock styling & clock in ACP ;-)

diff --git a/com.woltlab.wcf/template/footer.tpl b/com.woltlab.wcf/template/footer.tpl
index b1732bf3d94db0666429abd2987d301e9ea2fd05..d4a99fd00fddfe708a950bf1ac6558700a5a2c92 100644 (file)
--- 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 160b0f10fac1bdc1f9f3c51d4fc0cd1e6b88c46e..0af4584ec502e388fc373bc9c406a354b35565fc 100644 (file)
--- 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 1ea0c8ef6b69763230f69bdb15c23599242694b3..96e19be82d0cbda645a3bf3a99f16c6104b55b6a 100644 (file)
--- 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>