From 9cd9853b780b3862aa2e238b5b08a762858fed61 Mon Sep 17 00:00:00 2001
From: Luzifr <szekely@woltlab.com>
Date: Thu, 22 Sep 2011 20:21:45 +0200
Subject: [PATCH] Form-error styling; Various bug-fixes; Deleted 2 obsolete
 templates.

Front-end is not usable now ;-)
---
 wcfsetup/install/files/acp/style/style.css    | 138 +++++++++---------
 .../files/acp/templates/ajaxException.tpl     |   2 +-
 .../files/acp/templates/cronjobAdd.tpl        |  10 +-
 .../install/files/acp/templates/login.tpl     |   8 +-
 .../files/acp/templates/masterPassword.tpl    |   1 +
 .../acp/templates/masterPasswordInit.tpl      |   2 +
 .../files/acp/templates/optionFieldList.tpl   |   1 +
 .../files/acp/templates/optionImport.tpl      |   1 +
 .../acp/templates/packageStartInstall.tpl     |   2 +
 .../files/acp/templates/packageUpdateAuth.tpl |   3 +-
 .../files/acp/templates/setupWindowFooter.tpl |   3 -
 .../files/acp/templates/setupWindowHeader.tpl |  21 ---
 .../files/acp/templates/updateServerAdd.tpl   |   3 +-
 .../install/files/acp/templates/userAdd.tpl   |   5 +
 .../files/acp/templates/userAssignToGroup.tpl |   1 +
 .../files/acp/templates/userGroupAdd.tpl      |   9 +-
 .../install/files/acp/templates/userMail.tpl  |  16 +-
 .../acp/templates/usersMassProcessing.tpl     |   5 +
 18 files changed, 118 insertions(+), 113 deletions(-)
 delete mode 100644 wcfsetup/install/files/acp/templates/setupWindowFooter.tpl
 delete mode 100644 wcfsetup/install/files/acp/templates/setupWindowHeader.tpl

diff --git a/wcfsetup/install/files/acp/style/style.css b/wcfsetup/install/files/acp/style/style.css
index 87e82f16cf..ff739a2800 100644
--- a/wcfsetup/install/files/acp/style/style.css
+++ b/wcfsetup/install/files/acp/style/style.css
@@ -263,35 +263,12 @@ nav.topMenu ul li ul.dropdown > li:first-child {
 
 
 
-
-
-
 /* Todo */
 
 
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 
 /* Logo */
 
@@ -997,6 +974,17 @@ textarea {
 	width: auto;
 }
 
+/* Form Errors */
+
+.formError input[type='text'],
+.formError input[type='search'],
+.formError input[type='email'],
+.formError input[type='password'],
+.formError textarea {
+	border-color: #f00;
+	background-color: #fff6f6;
+}
+
 
 
 
@@ -1174,54 +1162,6 @@ textarea {
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
 /* -- -- -- -- -- Large Buttons -- -- -- -- -- */
 
 /* Colors are being taken from the global color styles */
@@ -1366,8 +1306,6 @@ input[type='button'],
 	position: relative;
 	bottom: -1px;
 	z-index: 10;
-	max-width: 200px;
-	overflow: hidden;
 }
 
 .tabMenu li:not(.ui-state-active) a:hover {
@@ -1936,10 +1874,64 @@ p.error {
 	background-repeat: no-repeat;
 }
 
+/* small error notifications */
 
+.innerError {
+	text-shadow: 0 1px 0 #fff;
+	line-height: 1.5;
+	color: #c00;
+	
+	border: 1px solid #ccc;
+	border-radius: 7px;
+	
+	background-color: #fff;
+	background-image: url('../../icon/systemError.svg');
+	background-size: 16px;
+	background-position: 5px center;
+	background-repeat: no-repeat;
+	
+	margin-top: 5px;
+	padding: 2px 10px 2px 25px;
+	position: relative;
+	display: inline-block;
+	clear: both;
+	
+	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+	-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+	-o-box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+	box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
+	
+}
 
+/* small error notification arrows */
 
+.innerError .arrowOuter {	
+	border-width: 0 7px 7px;
+	border-style: solid;
+	border-color: #ccc transparent;
+	display: inline-block !important;
+	width: 0;
+	position: absolute;
+	top: -7px !important;
+	left: 10%;
+}
 
+.innerError .arrowInner {	
+	border-width: 0 5px 5px;
+	border-style: solid;
+	border-color: #fff transparent;
+	display: inline-block;
+	width: 0;
+	position: absolute;
+	top: 2px;
+	left: -5px;
+}
+
+.preInput ~ .innerError .arrowOuter {	
+	right: 10%;
+	left: auto;
+}
 
 
 /* ToDo: Installation */
diff --git a/wcfsetup/install/files/acp/templates/ajaxException.tpl b/wcfsetup/install/files/acp/templates/ajaxException.tpl
index 147a1de86c..b63ae1f64f 100644
--- a/wcfsetup/install/files/acp/templates/ajaxException.tpl
+++ b/wcfsetup/install/files/acp/templates/ajaxException.tpl
@@ -1,3 +1,3 @@
 <p class="error">{$message}</p>
-<!--<img src="{@RELATIVE_WCF_DIR}icon/plusS.png" alt="" /> <span>Stacktrace</span>-->
+<!--<img src="{@RELATIVE_WCF_DIR}icon/plus1.svg" alt="" /> <span>Stacktrace</span>-->
 <div id="ajaxExceptionStacktrace"><pre>{$stacktrace}</pre></div> 
\ No newline at end of file
diff --git a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
index a0300c1d5e..20903dc849 100644
--- a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
@@ -8,6 +8,8 @@
 	</hgroup>
 </header>
 
+<p class="info">{lang}wcf.acp.cronjob.intro{/lang}</p>
+
 {if $errorField}
 	<p class="error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
@@ -16,8 +18,6 @@
 	<p class="success">{lang}wcf.global.form.{$action}.success{/lang}</p>	
 {/if}
 
-<p class="info">{lang}wcf.acp.cronjob.intro{/lang}</p>
-
 <div class="contentHeader">
 	<nav class="largeButtons">
 		<ul>
@@ -39,6 +39,7 @@
 					<input type="text" id="className" name="className" value="{$className}" class="long" />
 					{if $errorField == 'className'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'doesNotExist'}{lang}wcf.acp.cronjob.error.className.doesNotExist{/lang}{/if}
 						</small>
@@ -65,6 +66,7 @@
 					<input type="text" id="startMinute" name="startMinute" value="{$startMinute}" class="short" />
 					{if $errorField == 'startMinute'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notValid'}{lang}wcf.acp.cronjob.error.timing.notValid{/lang}{/if}
 						</small>
 					{/if}
@@ -78,6 +80,7 @@
 					<input type="text" id="startHour" name="startHour" value="{$startHour}" class="short" />
 					{if $errorField == 'startHour'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notValid'}{lang}wcf.acp.cronjob.error.timing.notValid{/lang}{/if}
 						</small>
 					{/if}
@@ -91,6 +94,7 @@
 					<input type="text" id="startDom" name="startDom" value="{$startDom}" class="short" />
 					{if $errorField == 'startDom'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notValid'}{lang}wcf.acp.cronjob.error.timing.notValid{/lang}{/if}
 						</small>
 					{/if}
@@ -104,6 +108,7 @@
 					<input type="text" id="startMonth" name="startMonth" value="{$startMonth}" class="short" />
 					{if $errorField == 'startMonth'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notValid'}{lang}wcf.acp.cronjob.error.timing.notValid{/lang}{/if}
 						</small>
 					{/if}
@@ -117,6 +122,7 @@
 					<input type="text" id="startDow" name="startDow" value="{$startDow}" class="short" />
 					{if $errorField == 'startDow'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notValid'}{lang}wcf.acp.cronjob.error.timing.notValid{/lang}{/if}
 						</small>
 					{/if}
diff --git a/wcfsetup/install/files/acp/templates/login.tpl b/wcfsetup/install/files/acp/templates/login.tpl
index 9625783393..939b4b722a 100644
--- a/wcfsetup/install/files/acp/templates/login.tpl
+++ b/wcfsetup/install/files/acp/templates/login.tpl
@@ -22,11 +22,11 @@
 	<fieldset>
 		<legend>{lang}wcf.user.login.data{/lang}</legend>
 		
-		<dl{if $errorField == 'username'} class="errorField"{/if}>
+		<dl{if $errorField == 'username'} class="formError"{/if}>
 			<dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
 			<dd><input type="text" id="username" name="username" value="{$username}" class="medium" />
 				{if $errorField == 'username'}
-					<small>
+					<small class="innerError">
 						{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 						{if $errorType == 'notFound'}{lang}wcf.user.error.username.notFound{/lang}{/if}
 					</small>
@@ -34,11 +34,11 @@
 			</dd>
 		</dl>
 		
-		<dl{if $errorField == 'password'} class="errorField"{/if}>
+		<dl{if $errorField == 'password'} class="formError"{/if}>
 			<dt><label for="password">{lang}wcf.user.password{/lang}</label></dt>
 			<dd><input type="password" id="password" name="password" value="" class="medium" />
 				{if $errorField == 'password'}
-					<small>
+					<small class="innerError">
 						<img src="{@RELATIVE_WCF_DIR}icon/errorS.png" alt="" />
 						{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 						{if $errorType == 'false'}{lang}wcf.user.error.password.false{/lang}{/if}
diff --git a/wcfsetup/install/files/acp/templates/masterPassword.tpl b/wcfsetup/install/files/acp/templates/masterPassword.tpl
index 8fcefa6a64..0506a35824 100644
--- a/wcfsetup/install/files/acp/templates/masterPassword.tpl
+++ b/wcfsetup/install/files/acp/templates/masterPassword.tpl
@@ -23,6 +23,7 @@
 					<input type="password" id="masterPassword" name="masterPassword" value="{$masterPassword}" class="medium" />
 					{if $errorField == 'masterPassword'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'invalid'}{lang}wcf.acp.masterPassword.error.invalid{/lang}{/if}
 						</small>
diff --git a/wcfsetup/install/files/acp/templates/masterPasswordInit.tpl b/wcfsetup/install/files/acp/templates/masterPasswordInit.tpl
index 944696604c..87f2b86122 100644
--- a/wcfsetup/install/files/acp/templates/masterPasswordInit.tpl
+++ b/wcfsetup/install/files/acp/templates/masterPasswordInit.tpl
@@ -35,6 +35,7 @@
 					<input type="password" id="masterPassword" name="masterPassword" value="{$masterPassword}" class="medium" />
 					{if $errorField == 'masterPassword'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'notSecure'}{lang}wcf.acp.masterPassword.error.notSecure{/lang}{/if}
 						</small>
@@ -49,6 +50,7 @@
 					<input type="password" id="confirmMasterPassword" name="confirmMasterPassword" value="{$confirmMasterPassword}" class="medium" />
 					{if $errorField == 'confirmMasterPassword'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'notEqual'}{lang}wcf.acp.masterPassword.error.notEqual{/lang}{/if}
 						</small>
diff --git a/wcfsetup/install/files/acp/templates/optionFieldList.tpl b/wcfsetup/install/files/acp/templates/optionFieldList.tpl
index c815e94b5d..de06c7fcd6 100644
--- a/wcfsetup/install/files/acp/templates/optionFieldList.tpl
+++ b/wcfsetup/install/files/acp/templates/optionFieldList.tpl
@@ -10,6 +10,7 @@
 		<dd>{@$optionData[html]}
 			{if $error}
 				<small class="innerError">
+					<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 					{if $error == 'empty'}
 						{lang}wcf.global.form.error.empty{/lang}
 					{else}	
diff --git a/wcfsetup/install/files/acp/templates/optionImport.tpl b/wcfsetup/install/files/acp/templates/optionImport.tpl
index 28bbcdf568..f5c3109244 100644
--- a/wcfsetup/install/files/acp/templates/optionImport.tpl
+++ b/wcfsetup/install/files/acp/templates/optionImport.tpl
@@ -27,6 +27,7 @@
 					<input type="file" id="optionImport" name="optionImport" value="" />
 					{if $errorField == 'optionImport'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'importFailed'}{lang}wcf.acp.option.import.error.importFailed{/lang}{/if}
 							{if $errorType == 'uploadFailed'}{lang}wcf.acp.option.import.error.uploadFailed{/lang}{/if}
diff --git a/wcfsetup/install/files/acp/templates/packageStartInstall.tpl b/wcfsetup/install/files/acp/templates/packageStartInstall.tpl
index 9e7809827f..f625074114 100644
--- a/wcfsetup/install/files/acp/templates/packageStartInstall.tpl
+++ b/wcfsetup/install/files/acp/templates/packageStartInstall.tpl
@@ -39,6 +39,7 @@
 					<input type="file" id="uploadPackage" name="uploadPackage" value="" />
 					{if $errorField == 'uploadPackage'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'noValidPackage'}{lang}wcf.acp.package.startInstall.error.noValidPackage{/lang}{/if}
 							{if $errorType == 'noValidUpdate'}{lang}wcf.acp.package.startInstall.error.noValidUpdate{/lang}{/if}
@@ -58,6 +59,7 @@
 					<input type="text" id="downloadPackage" name="downloadPackage" value="" class="long" />
 					{if $errorField == 'downloadPackage'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'notFound'}{lang}wcf.acp.package.startInstall.error.notFound{/lang}{/if}
 							{if $errorType == 'noValidPackage'}{lang}wcf.acp.package.startInstall.error.noValidPackage{/lang}{/if}
 							{if $errorType == 'noValidUpdate'}{lang}wcf.acp.package.startInstall.error.noValidUpdate{/lang}{/if}
diff --git a/wcfsetup/install/files/acp/templates/packageUpdateAuth.tpl b/wcfsetup/install/files/acp/templates/packageUpdateAuth.tpl
index 0391c88c10..a3e93e2b52 100644
--- a/wcfsetup/install/files/acp/templates/packageUpdateAuth.tpl
+++ b/wcfsetup/install/files/acp/templates/packageUpdateAuth.tpl
@@ -42,7 +42,7 @@
 				<dt><label for="loginUsername">{lang}wcf.acp.packageUpdate.auth.loginUsername{/lang}</label></dt>
 				<dd>
 					<input type="text" id="loginUsername" name="loginUsername" value="{$loginUsername}" class="long" />
-					<small id="loginUsernameHelpMessage"><p>{lang}wcf.acp.packageUpdate.auth.loginUsername.description{/lang}</p></small>
+					<small id="loginUsernameHelpMessage">{lang}wcf.acp.packageUpdate.auth.loginUsername.description{/lang}</small>
 				</dd>
 			</dl>
 			
@@ -52,6 +52,7 @@
 					<input type="password" id="loginPassword" name="loginPassword" value="{$loginPassword}" class="medium" />
 					{if $errorField == 'loginPassword'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'invalid'}{lang}wcf.acp.packageUpdate.auth.error{/lang}{/if}
 						</small>
 					{/if}
diff --git a/wcfsetup/install/files/acp/templates/setupWindowFooter.tpl b/wcfsetup/install/files/acp/templates/setupWindowFooter.tpl
deleted file mode 100644
index 92f65329d5..0000000000
--- a/wcfsetup/install/files/acp/templates/setupWindowFooter.tpl
+++ /dev/null
@@ -1,3 +0,0 @@
-	</div>
-</body>
-</html>
\ No newline at end of file
diff --git a/wcfsetup/install/files/acp/templates/setupWindowHeader.tpl b/wcfsetup/install/files/acp/templates/setupWindowHeader.tpl
deleted file mode 100644
index 8cd144dd4f..0000000000
--- a/wcfsetup/install/files/acp/templates/setupWindowHeader.tpl
+++ /dev/null
@@ -1,21 +0,0 @@
-<!DOCTYPE html>
-<html dir="{@$__wcf->getLanguage()->getPageDirection()}" lang="{@$__wcf->getLanguage()->getFixedLanguageCode()}">
-<head>
-	<meta charset="utf-8" />
-	<title></title>
-	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
-	<link href="{@RELATIVE_WCF_DIR}acp/style/extra/setupWindowStyle{if $__wcf->getLanguage()->getPageDirection() == 'rtl'}-rtl{/if}.css" rel="stylesheet" type="text/css" />
-	<script type="text/javascript">
-		//<![CDATA[
-		function changeHeight() {
-			if (parent.document.getElementById('iframe').style.visibility != 'hidden') {
-				parent.document.getElementById('iframe').style.height = document.getElementById('content').offsetHeight + 4 + 'px';
-			}
-		}
-		//]]>
-	</script>
-</head>
-
-<body>
-	<div id="content" class="page">
-		
\ No newline at end of file
diff --git a/wcfsetup/install/files/acp/templates/updateServerAdd.tpl b/wcfsetup/install/files/acp/templates/updateServerAdd.tpl
index de83377904..467720a121 100644
--- a/wcfsetup/install/files/acp/templates/updateServerAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/updateServerAdd.tpl
@@ -34,9 +34,10 @@
 			<dl id="serverURLDiv"{if $errorField == 'serverURL'} class="formError"{/if}>
 				<dt><label for="serverURL">{lang}wcf.acp.updateServer.serverURL{/lang}</label></dt>
 				<dd>
-					<input type="text" id="serverURL" name="serverURL" value="{$serverURL}" class="long" />
+					<input type="text" id="serverURL" name="serverURL" value="{$serverURL}" class="medium" />
 					{if $errorField == 'serverURL'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							{if $errorType == 'notValid'}{lang}wcf.acp.updateServer.serverURL.error.notValid{/lang}{/if}
 						</small>
diff --git a/wcfsetup/install/files/acp/templates/userAdd.tpl b/wcfsetup/install/files/acp/templates/userAdd.tpl
index 1080d536b8..f72eb5f309 100644
--- a/wcfsetup/install/files/acp/templates/userAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/userAdd.tpl
@@ -87,6 +87,7 @@
 				<input type="text" id="username" name="username" value="{$username}" class="medium" />
 				{if $errorType.username|isset}
 					<small class="innerError">
+						<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 						{if $errorType.username == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 						{if $errorType.username == 'notValid'}{lang}wcf.user.error.username.notValid{/lang}{/if}
 						{if $errorType.username == 'notUnique'}{lang}wcf.user.error.username.notUnique{/lang}{/if}
@@ -124,6 +125,7 @@
 						<input type="email" id="email" name="email" value="{$email}" class="medium" />
 						{if $errorType.email|isset}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType.email == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 								{if $errorType.email == 'notValid'}{lang}wcf.user.error.email.notValid{/lang}{/if}
 								{if $errorType.email == 'notUnique'}{lang}wcf.user.error.email.notUnique{/lang}{/if}
@@ -138,6 +140,7 @@
 						<input type="email" id="confirmEmail" name="confirmEmail" value="{$confirmEmail}" class="medium" />
 						{if $errorType.confirmEmail|isset}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType.confirmEmail == 'notEqual'}{lang}wcf.user.error.confirmEmail.notEqual{/lang}{/if}
 							</small>
 						{/if}
@@ -156,6 +159,7 @@
 						<input type="password" id="password" name="password" value="{$password}" class="medium" />
 						{if $errorType.password|isset}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType.password == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
@@ -168,6 +172,7 @@
 						<input type="password" id="confirmPassword" name="confirmPassword" value="{$confirmPassword}" class="medium" />
 						{if $errorType.confirmPassword|isset}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType.confirmPassword == 'notEqual'}{lang}wcf.user.error.confirmPassword.notEqual{/lang}{/if}
 							</small>
 						{/if}
diff --git a/wcfsetup/install/files/acp/templates/userAssignToGroup.tpl b/wcfsetup/install/files/acp/templates/userAssignToGroup.tpl
index dcd6e9be3f..7d8fa3ce58 100644
--- a/wcfsetup/install/files/acp/templates/userAssignToGroup.tpl
+++ b/wcfsetup/install/files/acp/templates/userAssignToGroup.tpl
@@ -33,6 +33,7 @@
 					{htmlCheckboxes options=$groups name=groupIDs selected=$groupIDs}
 					{if $errorField == 'groupIDs'}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 						</small>
 					{/if}
diff --git a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
index 26a3f9548f..e113fcfe75 100644
--- a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
@@ -19,14 +19,14 @@
 	<p class="error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
-{if $success|isset}
-	<p class="success">{lang}wcf.global.form.{@$action}.success{/lang}</p>	
-{/if}
-
 {if $warningSelfEdit|isset}
 	<p class="warning">{lang}wcf.acp.group.edit.warning.selfIsMember{/lang}</p>	
 {/if}
 
+{if $success|isset}
+	<p class="success">{lang}wcf.global.form.{@$action}.success{/lang}</p>	
+{/if}
+
 <div class="contentHeader">
 	<nav class="largeButtons">
 		<ul>
@@ -48,6 +48,7 @@
 					<input type="text" id="groupName" name="groupName" value="{$groupName}" class="medium" />
 					{if $errorType.groupName|isset}
 						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 							{if $errorType.groupName == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 						</small>
 					{/if}
diff --git a/wcfsetup/install/files/acp/templates/userMail.tpl b/wcfsetup/install/files/acp/templates/userMail.tpl
index 5f01cd0ca8..e7e31d34a3 100644
--- a/wcfsetup/install/files/acp/templates/userMail.tpl
+++ b/wcfsetup/install/files/acp/templates/userMail.tpl
@@ -74,6 +74,7 @@
 						</fieldset>
 						{if $errorField == 'groupIDs'}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
@@ -90,7 +91,10 @@
 				<dd>
 					<input type="text" id="subject" name="subject" value="{$subject}" class="long" />
 					{if $errorField == 'subject'}
-						<small class="innerError">{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}</small>
+						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
+							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
+						</small>
 					{/if}
 					<small id="subjectHelpMessage">{lang}wcf.acp.user.sendMail.subject.description{/lang}</small>
 				</dd>
@@ -101,7 +105,10 @@
 				<dd>
 					<input type="text" id="from" name="from" value="{$from}" class="medium" />
 					{if $errorField == 'from'}
-						<small class="innerError">{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}</small>
+						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
+							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
+						</small>
 					{/if}
 					<small id="fromHelpMessage">{lang}wcf.acp.user.sendMail.from.description{/lang}</small><!-- ToDo: Language variable contains paragraphs! -->
 				</dd>
@@ -112,7 +119,10 @@
 				<dd>
 					<textarea id="text" name="text" rows="15" cols="40" class="long">{$text}</textarea>
 					{if $errorField == 'text'}
-						<small class="innerError">{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}</small>
+						<small class="innerError">
+							<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
+							{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
+						</small>
 					{/if}
 					<small id="textHelpMessage">{lang}wcf.acp.user.sendMail.text.description{/lang}</small>
 				</dd>
diff --git a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
index 804a4138a5..85edda00b0 100644
--- a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
+++ b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
@@ -202,6 +202,7 @@
 							
 							{if $errorField == 'action'}
 								<small class="innerError">
+									<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 									{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 								</small>
 							{/if}
@@ -221,6 +222,7 @@
 						<input type="email" id="from" name="from" value="{$from}" class="medium" />
 						{if $errorField == 'from'}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
@@ -234,6 +236,7 @@
 						<input type="text" id="subject" name="subject" value="{$subject}" class="long" />
 						{if $errorField == 'subject'}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
@@ -247,6 +250,7 @@
 						<textarea id="text" name="text" rows="15" cols="40">{$text}</textarea>
 						{if $errorField == 'text'}
 							<small class="innerError" class="long">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
@@ -306,6 +310,7 @@
 						{htmlCheckboxes options=$availableGroups name=assignToGroupIDArray selected=$assignToGroupIDArray}
 						{if $errorField == 'assignToGroupIDArray'}
 							<small class="innerError">
+								<span class="arrowOuter" style="display: none;"><span class="arrowInner"></span></span>
 								{if $errorType == 'empty'}{lang}wcf.global.form.error.empty{/lang}{/if}
 							</small>
 						{/if}
-- 
2.20.1