From fa8a86772abec5de8d386214e476cd6e9a1d2be2 Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Tue, 18 Oct 2011 21:16:05 +0200
Subject: [PATCH] Multiple Changes

Some new and renewed icons; Changed the options-icon; Renamed one icon;
Fixed the bad-looking white dropdown-icon; Fixed a problem with border
shadows; Fixed a problem with tab-menus; Changed the behavior of
balloon-tooltips;
---
 wcfsetup/install/files/acp/style/style.css    | 10 +--
 .../acp/templates/packageAutoUpdateList.tpl   |  2 +-
 .../templates/packageInstallationConfirm.tpl  |  2 +-
 .../packageInstallationStepPrepare.tpl        |  2 +-
 .../packageUninstallationStepPrepare.tpl      |  2 +-
 .../files/acp/templates/userSearch.tpl        |  4 +-
 .../acp/templates/usersMassProcessing.tpl     |  4 +-
 wcfsetup/install/files/icon/dropDown1.svg     |  2 +-
 wcfsetup/install/files/icon/dropDown2.svg     |  4 +-
 wcfsetup/install/files/icon/enabled1.svg      | 19 +++--
 wcfsetup/install/files/icon/enabled1D.svg     | 10 +--
 wcfsetup/install/files/icon/options1.svg      | 72 ++++---------------
 .../icon/{installation1.svg => working1.svg}  |  0
 wcfsetup/install/files/js/WCF.js              |  4 +-
 14 files changed, 49 insertions(+), 88 deletions(-)
 rename wcfsetup/install/files/icon/{installation1.svg => working1.svg} (100%)

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index d22a5d1d1e..fe137775fc 100644
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -1225,12 +1225,6 @@ input[type='button'],
 	/* background-image: url('../images/header.png'); */
 	background-position: left top;
 	background-repeat: repeat-x;	
-	
-	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-	-o-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
 }
 
 /* Headings */
@@ -1753,6 +1747,7 @@ tr .columnRegistrationDate {
 	font-size: 85%;
 	text-align: right;
 	width: 1% !important;
+	white-space: nowrap;
 }
 
 tr .columnURL {
@@ -2230,7 +2225,8 @@ li > .badgeButton {
 }
 
 a.balloonTooltip,
-a .balloonTooltip {
+a .balloonTooltip,
+img[src*='delete']{
 	/* ToDo: Find a way to show a hand-cursor even without link! */
 	cursor: pointer;
 }
diff --git a/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl b/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
index 6d446e741b..6c09145d24 100644
--- a/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
+++ b/wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
@@ -37,7 +37,7 @@
 	{else}
 		{foreach from=$availableUpdates item=availableUpdate}
 			<article class="message content"{if $availableUpdate.version.updateType == 'security'} style="border-color: #c00"{/if}>
-				<div class="messageInner container-{cycle name='styles' values='1,2'}">
+				<div class="messageInner container-{cycle name='styles' values='1,2'}"><!-- ToDo: Remove cycle -->
 					<hgroup class="subHeading">
 						<h1>
 							<label>
diff --git a/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl b/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
index 3b448dceb9..0769390449 100644
--- a/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
+++ b/wcfsetup/install/files/acp/templates/packageInstallationConfirm.tpl
@@ -9,7 +9,7 @@
 </script>
 
 <header class="mainHeading">
-	<img src="{@RELATIVE_WCF_DIR}icon/installation1.svg" alt="" />
+	<img src="{@RELATIVE_WCF_DIR}icon/working1.svg" alt="" />
 	<hgroup>
 		<h1>{$archive->getPackageInfo('packageName')}</h1>
 		<h2>{$archive->getPackageInfo('packageDescription')}</h2>
diff --git a/wcfsetup/install/files/acp/templates/packageInstallationStepPrepare.tpl b/wcfsetup/install/files/acp/templates/packageInstallationStepPrepare.tpl
index d2a32ddddf..d4f263b831 100644
--- a/wcfsetup/install/files/acp/templates/packageInstallationStepPrepare.tpl
+++ b/wcfsetup/install/files/acp/templates/packageInstallationStepPrepare.tpl
@@ -1,6 +1,6 @@
 <div id="packageInstallationDialogContainer" class="border overlay">
 	<header class="mainHeading">
-		<img src="{@RELATIVE_WCF_DIR}icon/installation1.svg" alt="" />
+		<img src="{@RELATIVE_WCF_DIR}icon/working1.svg" alt="" />
 		<hgroup>
 			<h1>Paket &raquo;{$packageName}&laquo; wird installiert &hellip;</h1>
 			<h2>Aktueller Schritt: <span id="packageInstallationAction">{lang}wcf.package.installation.step.prepare{/lang}</span></h2>
diff --git a/wcfsetup/install/files/acp/templates/packageUninstallationStepPrepare.tpl b/wcfsetup/install/files/acp/templates/packageUninstallationStepPrepare.tpl
index 1bbfeb942c..8cae7c8bf6 100644
--- a/wcfsetup/install/files/acp/templates/packageUninstallationStepPrepare.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUninstallationStepPrepare.tpl
@@ -1,6 +1,6 @@
 <div id="packageInstallationDialogContainer" class="border overlay">
 	<header class="mainHeading">
-		<img src="{@RELATIVE_WCF_DIR}icon/installation1.svg" alt="" />
+		<img src="{@RELATIVE_WCF_DIR}icon/working1.svg" alt="" />
 		<hgroup>
 			<h1>Paket &raquo;{$queue->packageName}&laquo; wird deinstalliert &hellip;</h1>
 			<h2>Aktueller Schritt: <span id="packageInstallationAction">{lang}wcf.package.uninstallation.step.prepare{/lang}</span></h2>
diff --git a/wcfsetup/install/files/acp/templates/userSearch.tpl b/wcfsetup/install/files/acp/templates/userSearch.tpl
index 33b1608e47..5e33ce0ddb 100644
--- a/wcfsetup/install/files/acp/templates/userSearch.tpl
+++ b/wcfsetup/install/files/acp/templates/userSearch.tpl
@@ -111,8 +111,8 @@
 		{if $additionalFields|isset}{@$additionalFields}{/if}
 		
 		<div class="tabMenuContainer">
-			<nav>
-				<ul class="tabMenu">
+			<nav class="tabMenu">
+				<ul>
 					{if $optionTree|count}<li><a href="#profile">{*<span>*}{lang}wcf.acp.user.search.conditions.profile{/lang}{*</span>*}</a></li>{/if}
 					{if $additionalTabs|isset}{@$additionalTabs}{/if}
 					<li><a href="#resultOptions">{*<span>*}{lang}wcf.acp.user.search.display{/lang}{*</span>*}</a></li>
diff --git a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
index 9d68bade3b..a71b7520a6 100644
--- a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
+++ b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
@@ -150,8 +150,8 @@
 	
 		{if $additionalFields|isset}{@$additionalFields}{/if}
 		
-		<nav>
-			<ul class="tabMenu">
+		<nav class="tabMenu"><!-- ToDo: Fix that TabMenu! -->
+			<ul>
 				{if $options|count}<li id="profile"><a onclick="tabMenu.showSubTabMenu('profile');"><span>{lang}wcf.acp.user.search.conditions.profile{/lang}</span></a></li>{/if}
 				{if $additionalTabs|isset}{@$additionalTabs}{/if}
 			</ul>
diff --git a/wcfsetup/install/files/icon/dropDown1.svg b/wcfsetup/install/files/icon/dropDown1.svg
index 188847cf05..f1ce74dcec 100644
--- a/wcfsetup/install/files/icon/dropDown1.svg
+++ b/wcfsetup/install/files/icon/dropDown1.svg
@@ -13,7 +13,7 @@
 	--> 
 	
 	<g id="IconDropdown">
-		<path class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7,4.9980469V6L3.5,8.9980469l-3.4995117-3v-1H7z M7,4V2.9980469L3.5,1L0.0004883,2.9980469V4H7z"/>
+		<path class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7,6L3.5,9L0.0004883,6H7z M7,4L3.5,1.0019531 L0.0004883,4H7z"/>
 		<path class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #666;" d="M7,4.9980469l-3.5,3l-3.4995117-3H7z M7,2.9980469L3.5,0L0.0004883,2.9980469H7z"/>
 	</g>
 </svg>
diff --git a/wcfsetup/install/files/icon/dropDown2.svg b/wcfsetup/install/files/icon/dropDown2.svg
index 51fb3d0fde..423335cb0e 100644
--- a/wcfsetup/install/files/icon/dropDown2.svg
+++ b/wcfsetup/install/files/icon/dropDown2.svg
@@ -13,7 +13,7 @@
 	--> 
 	
 	<g id="IconDropdown">
-		<path class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #000;" d="M7,4.9980469l-3.5,3l-3.4995117-3H7z M7,2.9980469L3.5,0L0.0004883,2.9980469H7z"/>
-		<path class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7,4.9980469V6L3.5,8.9980469l-3.4995117-3v-1H7z M7,4V2.9980469L3.5,1L0.0004883,2.9980469V4H7z"/>
+		<path class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #000;" d="M7,6L3.5,9L0.0004883,6H7z M7,4L3.5,1.0019531L0.0004883,4H7z"/>
+		<path class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7,4.9980469l-3.5,3l-3.4995117-3H7z M7,2.9980469	L3.5,0L0.0004883,2.9980469H7z"/>
 	</g>
 </svg>
diff --git a/wcfsetup/install/files/icon/enabled1.svg b/wcfsetup/install/files/icon/enabled1.svg
index 419d9254c1..cbda7d65dd 100644
--- a/wcfsetup/install/files/icon/enabled1.svg
+++ b/wcfsetup/install/files/icon/enabled1.svg
@@ -3,8 +3,8 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" xml:space="preserve">
 	
-	<title>Enabled</title> 
-	<desc>Enabled Icon</desc> 
+	<title>Enabled</title>
+	<desc>Enabled Icon</desc>
 	
 	<!--
 		@author		Harald Szekely 
@@ -17,19 +17,26 @@
 	</defs>
 	
 	<g id="IconEnabled">
-		<g id="Lower" class="Lower">
+		<g class="Lower">
 			<path id="Circle1" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M2.347168,8.5
 				c0,2.8447266,2.3066406,5.1523438,5.152832,5.1523438c2.8447266,0,5.1523438-2.3076172,5.1523438-5.1523438
 				c0-2.8466797-2.3076172-5.1533203-5.1523438-5.1533203C4.6538086,3.3466797,2.347168,5.6533203,2.347168,8.5z M1,8.5
 				C1,4.909668,3.909668,2,7.5,2C11.0898438,2,14,4.909668,14,8.5c0,3.5888672-2.9101562,6.5-6.5,6.5C3.909668,15,1,12.0888672,1,8.5z"/>
-			<circle id="Point1" style="fill: #fff;" cx="7.5" cy="8.5" r="1.5"/>
+			<circle id="Point1" style="fill: #fff;" cx="7.5" cy="8.5" r="1.5">
+				<animate attributeType="XML" attributeName="r" values="1.5; 3; 1.5;" dur="3s" calcMode="paced" repeatCount="indefinite"/>
+				<animate attributeType="CSS" attributeName="opacity" values="1; .1; 1;" dur="3s" repeatCount="indefinite" />
+			</circle>
 		</g>
-		<g id="Upper" class="Upper">
+		<g class="Upper">
 			<path id="Circle2" style="fill-rule: evenodd; clip-rule: evenodd; fill: #666;" d="M2.347168,7.5
 				c0,2.8447266,2.3066406,5.1523438,5.152832,5.1523438c2.8447266,0,5.1523438-2.3076172,5.1523438-5.1523438
 				c0-2.8466797-2.3076172-5.1533203-5.1523438-5.1533203C4.6538086,2.3466797,2.347168,4.6533203,2.347168,7.5z M1,7.5
 				C1,3.909668,3.909668,1,7.5,1C11.0898438,1,14,3.909668,14,7.5c0,3.5888672-2.9101562,6.5-6.5,6.5C3.909668,14,1,11.0888672,1,7.5z"/>
-			<circle id="Point2" style="fill: #666;" cx="7.5" cy="7.5" r="1.5"/>
+			<circle id="Point2" style="fill: #666;" cx="7.5" cy="7.5" r="1.5">
+				<animate attributeType="XML" attributeName="r" values="1.5; 3; 1.5;" dur="3s" calcMode="paced" repeatCount="indefinite"/>
+				<animate attributeType="CSS" attributeName="opacity" values="1; .1; 1;" dur="3s" repeatCount="indefinite" />
+				<animate attributeType="CSS" attributeName="fill" values="#666; #0f0; #666;" dur="6s" repeatCount="indefinite" />
+			</circle>
 		</g>
 	</g>
 </svg>
diff --git a/wcfsetup/install/files/icon/enabled1D.svg b/wcfsetup/install/files/icon/enabled1D.svg
index dd4a071861..334591733f 100644
--- a/wcfsetup/install/files/icon/enabled1D.svg
+++ b/wcfsetup/install/files/icon/enabled1D.svg
@@ -3,8 +3,8 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" xml:space="preserve">
 	
-	<title>Enabled</title> 
-	<desc>Enabled Icon (disabled)</desc> 
+	<title>Enabled</title>
+	<desc>Enabled Icon (disabled)</desc>
 	
 	<!--
 		@author		Harald Szekely 
@@ -16,15 +16,15 @@
 		
 	</defs>
 	
-	<g id="IconOn" style="opacity: .3;">
-		<g id="Lower" class="Lower">
+	<g id="IconEnabled" style="opacity: .3;">
+		<g class="Lower">
 			<path id="Circle1" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M2.347168,8.5
 				c0,2.8447266,2.3066406,5.1523438,5.152832,5.1523438c2.8447266,0,5.1523438-2.3076172,5.1523438-5.1523438
 				c0-2.8466797-2.3076172-5.1533203-5.1523438-5.1533203C4.6538086,3.3466797,2.347168,5.6533203,2.347168,8.5z M1,8.5
 				C1,4.909668,3.909668,2,7.5,2C11.0898438,2,14,4.909668,14,8.5c0,3.5888672-2.9101562,6.5-6.5,6.5C3.909668,15,1,12.0888672,1,8.5z"/>
 			<circle id="Point1" style="fill: #fff;" cx="7.5" cy="8.5" r="1.5"/>
 		</g>
-		<g id="Upper" class="Upper">
+		<g class="Upper">
 			<path id="Circle2" style="fill-rule: evenodd; clip-rule: evenodd; fill: #666;" d="M2.347168,7.5
 				c0,2.8447266,2.3066406,5.1523438,5.152832,5.1523438c2.8447266,0,5.1523438-2.3076172,5.1523438-5.1523438
 				c0-2.8466797-2.3076172-5.1533203-5.1523438-5.1533203C4.6538086,2.3466797,2.347168,4.6533203,2.347168,7.5z M1,7.5
diff --git a/wcfsetup/install/files/icon/options1.svg b/wcfsetup/install/files/icon/options1.svg
index 6b37de79cd..486c70d533 100644
--- a/wcfsetup/install/files/icon/options1.svg
+++ b/wcfsetup/install/files/icon/options1.svg
@@ -3,8 +3,8 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="16px" height="16px" viewBox="0 0 16 16" xml:space="preserve">
 	
-	<title>Options</title> 
-	<desc>Options Icon</desc> 
+	<title>Check</title> 
+	<desc>Check Icon</desc> 
 	
 	<!--
 		@author		Harald Szekely 
@@ -16,60 +16,18 @@
 		
 	</defs>
 	
-	<g id="IconOptions">
-		<g>
-			<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 7.5 8.5" to="360 7.5 8.5" begin="0s" dur="10s"  repeatCount="indefinite" />
-			
-			<path class="Lower" style="fill: #fff;" d="M13.5058594,7.4238281l-1.7324219-0.2666016
-				C11.6933594,6.902832,11.59375,6.659668,11.4716797,6.4267578l1.0361328-1.4125977
-				c0.1630859-0.2216797,0.1367188-0.5625-0.0576172-0.7568359L11.7431641,3.550293
-				c-0.1943359-0.1943359-0.5351562-0.2207031-0.7568359-0.0576172L9.5732422,4.5283203
-				C9.3398438,4.40625,9.0976562,4.3066406,8.8427734,4.2265625L8.5761719,2.4941406C8.5341797,2.222168,8.2749023,2,8,2H7.0004883
-				C6.7255859,2,6.4663086,2.222168,6.4243164,2.4941406L6.1582031,4.2265625
-				C5.9033203,4.3066406,5.6601562,4.40625,5.4267578,4.5283203L4.0141602,3.4926758
-				c-0.2216797-0.1630859-0.5625-0.1367188-0.7568359,0.0576172L2.550293,4.2573242
-				C2.355957,4.4516602,2.3300781,4.7924805,2.4926758,5.0141602l1.0356445,1.4125977
-				C3.4067383,6.659668,3.3071289,6.902832,3.2270508,7.1572266L1.4941406,7.4238281C1.222168,7.4658203,1,7.7250977,1,8v1
-				c0,0.2753906,0.222168,0.5341797,0.4941406,0.5761719l1.7324219,0.2666016
-				c0.0800781,0.2548828,0.1791992,0.4970703,0.3012695,0.7304688l-1.0356445,1.4121094
-				c-0.1625977,0.2216797-0.1367188,0.5625,0.0576172,0.7568359l0.7084961,0.7080078
-				c0.1943359,0.1943359,0.5351562,0.2207031,0.7568359,0.0576172l1.4121094-1.0351562
-				C5.659668,12.59375,5.902832,12.6933594,6.1572266,12.7734375l0.2661133,1.7324219C6.465332,14.7773438,6.7246094,15,6.9995117,15
-				h1.0014648c0.2749023,0,0.5341797-0.2226562,0.5761719-0.4941406l0.2661133-1.7324219
-				c0.2543945-0.0800781,0.4975586-0.1796875,0.7299805-0.3017578l1.4121094,1.0361328
-				c0.2216797,0.1630859,0.5625,0.1367188,0.7568359-0.0576172l0.7080078-0.7080078
-				c0.1943359-0.1943359,0.2207031-0.5351562,0.0576172-0.7568359l-1.0351562-1.4121094
-				c0.1210938-0.2333984,0.2207031-0.4755859,0.3007812-0.7304688l1.7324219-0.2666016C13.7773438,9.5341797,14,9.2753906,14,9V8
-				C14,7.7250977,13.7773438,7.4658203,13.5058594,7.4238281z M7.5,11C6.1191406,11,5,9.8808594,5,8.5004883
-				C5,7.1196289,6.1191406,6,7.5,6S10,7.1196289,10,8.5004883C10,9.8808594,8.8808594,11,7.5,11z M9,8.5004883
-				C9,9.3291016,8.3286133,10,7.5,10C6.671875,10,6,9.3291016,6,8.5004883S6.671875,7,7.5,7C8.3286133,7,9,7.671875,9,8.5004883z"/>
-		</g>
-		<g>
-			<animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 7.5 7.5" to="360 7.5 7.5" begin="0s" dur="10s"  repeatCount="indefinite" />
-			
-			<path class="Upper" style="fill: #666;" d="M13.5058594,6.4238281l-1.7324219-0.2666016
-				C11.6933594,5.902832,11.59375,5.659668,11.4716797,5.4267578l1.0361328-1.4125977
-				c0.1630859-0.2216797,0.1367188-0.5625-0.0576172-0.7568359L11.7431641,2.550293
-				c-0.1943359-0.1943359-0.5351562-0.2207031-0.7568359-0.0576172L9.5732422,3.5283203
-				C9.3398438,3.40625,9.0976562,3.3066406,8.8427734,3.2265625L8.5761719,1.4941406C8.5341797,1.222168,8.2749023,1,8,1H7.0004883
-				C6.7255859,1,6.4663086,1.222168,6.4243164,1.4941406L6.1582031,3.2265625
-				C5.9033203,3.3066406,5.6601562,3.40625,5.4267578,3.5283203L4.0141602,2.4926758
-				c-0.2216797-0.1630859-0.5625-0.1367188-0.7568359,0.0576172L2.550293,3.2573242
-				C2.355957,3.4516602,2.3300781,3.7924805,2.4926758,4.0141602l1.0356445,1.4125977
-				C3.4067383,5.659668,3.3071289,5.902832,3.2270508,6.1572266L1.4941406,6.4238281C1.222168,6.4658203,1,6.7250977,1,7v1
-				c0,0.2749023,0.222168,0.5341797,0.4941406,0.5761719l1.7324219,0.2666016
-				C3.3066406,9.0976562,3.4057617,9.3398438,3.527832,9.5732422l-1.0356445,1.4121094
-				c-0.1625977,0.2216797-0.1367188,0.5625,0.0576172,0.7568359l0.7084961,0.7080078
-				c0.1943359,0.1943359,0.5351562,0.2207031,0.7568359,0.0576172l1.4121094-1.0351562
-				C5.659668,11.59375,5.902832,11.6933594,6.1572266,11.7734375l0.2661133,1.7324219C6.465332,13.7773438,6.7246094,14,6.9995117,14
-				h1.0014648c0.2749023,0,0.5341797-0.2226562,0.5761719-0.4941406l0.2661133-1.7324219
-				c0.2543945-0.0800781,0.4975586-0.1796875,0.7299805-0.3017578l1.4121094,1.0361328
-				c0.2216797,0.1630859,0.5625,0.1367188,0.7568359-0.0576172l0.7080078-0.7080078
-				c0.1943359-0.1943359,0.2207031-0.5351562,0.0576172-0.7568359l-1.0351562-1.4121094
-				c0.1210938-0.2333984,0.2207031-0.4755859,0.3007812-0.7304688l1.7324219-0.2666016C13.7773438,8.5341797,14,8.2749023,14,8V7
-				C14,6.7250977,13.7773438,6.4658203,13.5058594,6.4238281z M7.5,10C6.1191406,10,5,8.8813477,5,7.5004883S6.1191406,5,7.5,5
-				S10,6.1196289,10,7.5004883S8.8808594,10,7.5,10z M9,7.5004883C9,8.3286133,8.3286133,9,7.5,9C6.671875,9,6,8.3286133,6,7.5004883
-				C6,6.671875,6.671875,6,7.5,6C8.3286133,6,9,6.671875,9,7.5004883z"/>
-		</g>
+	<g id="IconCheck">
+		<path id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M14.4794922,2.2192383L6.4145508,14.9335938
+			C6.3901367,14.9736328,6.3457031,14.9970703,6.2998047,15H6.2944336c-0.0454102,0-0.0883789-0.0224609-0.1142578-0.0546875
+			L1.0297852,8.2504883C0.9975586,8.2075195,0.9897461,8.1489258,1.0151367,8.1010742
+			c0.0244141-0.0483398,0.074707-0.0932617,0.1289062-0.0932617h2.4731445l2.2768555,3.0917969l5.4711914-9.012207
+			C11.390625,2.0458984,11.4375,2,11.4863281,2h2.8710938l0,0c0.0507812,0,0.0996094,0.027832,0.125,0.0742188
+			C14.5078125,2.1186523,14.5048828,2.175293,14.4794922,2.2192383z"/>
+		<path id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #666;" d="M14.4794922,1.2192383L6.4145508,13.9335938
+			C6.3901367,13.9736328,6.3457031,13.9970703,6.2998047,14H6.2944336c-0.0454102,0-0.0883789-0.0224609-0.1142578-0.0546875
+			L1.0297852,7.2504883C0.9975586,7.2075195,0.9897461,7.1489258,1.0151367,7.1010742
+			c0.0244141-0.0483398,0.074707-0.0932617,0.1289062-0.0932617h2.4731445l2.2768555,3.0917969l5.4711914-9.012207
+			C11.390625,1.0458984,11.4375,1,11.4863281,1h2.8710938l0,0c0.0507812,0,0.0996094,0.027832,0.125,0.0742188
+			C14.5078125,1.1186523,14.5048828,1.175293,14.4794922,1.2192383z"/>
 	</g>
 </svg>
diff --git a/wcfsetup/install/files/icon/installation1.svg b/wcfsetup/install/files/icon/working1.svg
similarity index 100%
rename from wcfsetup/install/files/icon/installation1.svg
rename to wcfsetup/install/files/icon/working1.svg
diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index dc3532d8f2..77b60c1130 100644
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -2474,8 +2474,8 @@ WCF.Effect.BalloonTooltip.prototype = {
 		}
 		else {
 			this.tooltip.css({
-				top: (event.pageY) + "px",
-				left: (event.pageX + 15) + "px",
+				top: (event.pageY + 20) + "px",
+				left: (event.pageX +5) + "px",
 				right: "auto"
 			});
 		}
-- 
2.20.1