Balloon tooltips fine-tuning

diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/testing.css
index d495c36b8977c288312b63e0c9f13d0d4f27b200..c174365fa3f1122bc5ef931013da3a3672f6bc4a 100644 (file)
--- a/wcfsetup/install/files/acp/style/testing.css
+++ b/wcfsetup/install/files/acp/style/testing.css
@@ -236,7 +236,7 @@ nav.headerNavigation ul li {
 /* -- -- -- -- -- Main -- -- -- -- -- */
 
 div.main {
-       margin: 0 23px 0;
+       margin: 0 23px;
 }
 
 /* -- -- -- -- -- Content -- -- -- -- -- */
@@ -266,6 +266,7 @@ div.main > div section:only-child {
 aside.sidebar {
        display: table-cell;
        vertical-align: top;
+       border-right: 1ps solid #bcd;
        background-color: #d8e7f5;
        margin: 0 !important;
        padding: 0 !important;
@@ -420,8 +421,8 @@ footer nav.footerNavigation ul li {
 }
 
 .mainHeading > hgroup h1 {
-       border-bottom: 1px solid #ccc;
-       color: #999;
+       border-bottom: 1px solid #999;
+       color: #666;
        text-shadow: 0 1px 0 #fff;
        font-size: 175%;
        font-weight: bold;
@@ -1568,4 +1569,18 @@ div.ui-widget-overlay {
 
 
 
+/* Balloon Tooltips */
+
+#balloonTooltip {
+       font-size: .85em;
+       padding: 5px 10px 7px;
+       border: 1px solid rgba(255, 255, 255, .7) !important;
+       background-color: rgba(0, 0, 0, .7);
+       color: #fff;
+       border-radius: 5px;
+       box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
+       max-width: 300px;
+       z-index: 900;
+}
+
 /* -- -- -- -- -- EOF -- -- -- -- -- */

diff --git a/wcfsetup/install/files/acp/templates/footer.tpl b/wcfsetup/install/files/acp/templates/footer.tpl
index 893aff667481f270822f14bd493b280269900733..d03465ea751b43ab60b2025ce0fccfaac6f75209 100644 (file)
--- a/wcfsetup/install/files/acp/templates/footer.tpl
+++ b/wcfsetup/install/files/acp/templates/footer.tpl
@@ -9,7 +9,7 @@
                <div>
                        <nav id="footerNavigation" class="footerNavigation">
                                <ul>
-                                       <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/upS.png" alt="{lang}wcf.global.scrollUp{/lang}" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+                                       <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/upS.png" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
                                </ul>
                        </nav>
                </div>

diff --git a/wcfsetup/install/files/acp/templates/header.tpl b/wcfsetup/install/files/acp/templates/header.tpl
index 51cf6003fa59d4ca7dfb6cec57d0821fe6fc78e4..31fa7340c1e44e0bc0a57888da6c8d90e02be18c 100644 (file)
--- a/wcfsetup/install/files/acp/templates/header.tpl
+++ b/wcfsetup/install/files/acp/templates/header.tpl
@@ -121,7 +121,7 @@
                        <!-- header navigation -->
                        <nav class="headerNavigation">
                                <ul>
-                                       <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/downS.png" alt="{lang}wcf.global.scrollDown{/lang}" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
+                                       <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/downS.png" alt="{lang}wcf.global.scrollDown{/lang}" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
                                </ul>
                        </nav>
                        <!-- /header navigation -->