From: Luzifr <szekely@woltlab.com>
Date: Fri, 12 Aug 2011 13:36:25 +0000 (+0200)
Subject: Balloon tooltips fine-tuning
X-Git-Tag: 2.0.0_Beta_1~1884
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=dd7150a3c7d6ecaadb4433258818667e3884d426;p=GitHub%2FWoltLab%2FWCF.git

Balloon tooltips fine-tuning
---

diff --git a/wcfsetup/install/files/acp/style/testing.css b/wcfsetup/install/files/acp/style/testing.css
index d495c36b89..c174365fa3 100644
--- 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 893aff6674..d03465ea75 100644
--- 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 51cf6003fa..31fa7340c1 100644
--- 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 -->