From: Luzifr <szekely@woltlab.com>
Date: Wed, 8 Feb 2012 17:30:42 +0000 (+0100)
Subject: Some changes
X-Git-Tag: 2.0.0_Beta_1~1358^2~29^2~1
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=4bf9feab58754b9df0b5340beca8619b89a161b3;p=GitHub%2FWoltLab%2FWCF.git

Some changes

Removed shadow for ".main" to avoid some problems; Removed some
z-indexes to avoid overlapping problems; Some more style-prefixes; Some
more autofocuses; Typo @ balloonTooltips fixed; Fixed display of
balloonTooltips;
---

diff --git a/com.woltlab.wcf/template/footerMenu.tpl b/com.woltlab.wcf/template/footerMenu.tpl
index 890dd392ae..da0a2aa2b0 100644
--- a/com.woltlab.wcf/template/footerMenu.tpl
+++ b/com.woltlab.wcf/template/footerMenu.tpl
@@ -1,10 +1,12 @@
 <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="{icon size='S'}toTop{/icon}" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
-		{if $__wcf->getPageMenu()->getMenuItems('footer')|count > 0}
-			{foreach from=$__wcf->getPageMenu()->getMenuItems('footer') item=menuItem}
-				<li><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="wcf-badge">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
-			{/foreach}
-		{/if}
-	</ul>
+	<div>
+		<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 $__wcf->getPageMenu()->getMenuItems('footer')|count > 0}
+				{foreach from=$__wcf->getPageMenu()->getMenuItems('footer') item=menuItem}
+					<li><a href="{$menuItem->getProcessor()->getLink()}">{lang}{$menuItem->menuItem}{/lang}{if $menuItem->getProcessor()->getNotifications()} <span class="wcf-badge">{#$menuItem->getProcessor()->getNotifications()}</span>{/if}</a></li>
+				{/foreach}
+			{/if}
+		</ul>
+	</div>
 </nav>
diff --git a/com.woltlab.wcf/template/headInclude.tpl b/com.woltlab.wcf/template/headInclude.tpl
index d0a0a6bb2d..6886b393c0 100644
--- a/com.woltlab.wcf/template/headInclude.tpl
+++ b/com.woltlab.wcf/template/headInclude.tpl
@@ -83,7 +83,7 @@
 		new WCF.Date.Time();
 		new WCF.Effect.SmoothScroll();
 		new WCF.Effect.BalloonTooltip();
-		$('<span class="pointer"><span></span></span>').appendTo('.innerError');
+		$('<span class="pointer"><span></span></span>').appendTo('.wcf-innerError');
 		
 		$('#sidebarContent').wcfSidebar();
 		
diff --git a/wcfsetup/install/files/acp/style/wcf.css b/wcfsetup/install/files/acp/style/wcf.css
index c4d47b4bda..c74b34d644 100644
--- a/wcfsetup/install/files/acp/style/wcf.css
+++ b/wcfsetup/install/files/acp/style/wcf.css
@@ -195,7 +195,6 @@ header.wcf-pageHeader {
 	width: 100%;
 	overflow: hidden;
 	position: relative;
-	z-index: 150;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -753,6 +752,7 @@ nav.wcf-topMenu {
 	border-top-right-radius: 3px;
 	margin: 0 23px;
 	display: block;
+	min-height: 7px;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -771,6 +771,10 @@ nav.wcf-topMenu {
 	
 }
 
+.wcf-footerNavigation {
+	min-height: 7px;
+}
+
 .wcf-headerNavigation:after {
 	content: '';
 	display: block;
@@ -798,7 +802,6 @@ nav.wcf-topMenu {
 	margin: 0 3px;
 	float: right;
 	position: relative;
-	z-index: 190;
 }
 
 .wcf-headerNavigation ul li a,
@@ -854,12 +857,6 @@ nav.wcf-topMenu {
 	background-color: #d8e7f5;
 	margin: 0 23px;
 	position: relative;
-	
-	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-	-moz-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-	-ms-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-	-o-box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
-	box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -1236,7 +1233,6 @@ section.wcf-content .wcf-content {
 	text-align: center;
 	padding: 0 23px 33px;
 	position: relative;
-	z-index: 150;
 }
 
 @media screen and (min-width: 480px), screen and (min-device-width: 480px) {
@@ -3630,13 +3626,14 @@ tr .columnIcon img {
 	cursor: pointer;
 }
 
-#wcf-balloonTooltip {
+.wcf-balloonTooltip {
 	font-size: .85em;
 	color: rgba(255, 255, 255, 1);
 	border: 1px solid rgba(255, 255, 255, .7);
 	border-radius: 5px;
 	background-color: rgba(0, 0, 0, .7);
 	padding: 5px 10px 7px;
+	position: absolute;
 	max-width: 300px;
 	z-index: 800;
 	
@@ -3649,7 +3646,7 @@ tr .columnIcon img {
 
 /* Pointer */
 
-#wcf-balloonTooltip .pointer {	
+.wcf-balloonTooltip .pointer {	
 	border-width: 0 7px 7px;
 	border-style: solid;
 	border-color: rgba(255, 255, 255, .7) transparent;
@@ -3660,7 +3657,7 @@ tr .columnIcon img {
 	left: 50%;
 }
 
-#wcf-balloonTooltip .pointer span {	
+.wcf-balloonTooltip .pointer span {	
 	border-width: 0 5px 5px;
 	border-style: solid;
 	border-color: rgba(0, 0, 0, .7) transparent;
diff --git a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
index 4ae0540025..3d4970b9a6 100644
--- a/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/cronjobAdd.tpl
@@ -40,7 +40,7 @@
 			<dl{if $errorField == 'className'} class="wcf-formError"{/if}>
 				<dt><label for="className">{lang}wcf.acp.cronjob.className{/lang}</label></dt>
 				<dd>
-					<input type="text" id="className" name="className" value="{$className}" required="required" pattern="^\\?([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*\\)*[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$" class="long" />
+					<input type="text" id="className" name="className" value="{$className}" required="required" autofocus="autofocus" pattern="^\\?([a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*\\)*[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*$" class="long" />
 					{if $errorField == 'className'}
 						<small class="wcf-innerError">
 							{if $errorType == 'empty'}
diff --git a/wcfsetup/install/files/acp/templates/footer.tpl b/wcfsetup/install/files/acp/templates/footer.tpl
index 1ea0c8ef6b..e0615cd940 100644
--- a/wcfsetup/install/files/acp/templates/footer.tpl
+++ b/wcfsetup/install/files/acp/templates/footer.tpl
@@ -8,9 +8,11 @@
 	<footer id="pageFooter" class="wcf-pageFooter">
 		<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>
-				</ul>
+				<div>
+					<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>
+					</ul>
+				</div>
 			</nav>
 		</div>
 		
diff --git a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
index 99961a9897..5d4b5fff36 100644
--- a/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
+++ b/wcfsetup/install/files/acp/templates/userGroupAdd.tpl
@@ -50,7 +50,7 @@
 			<dl{if $errorType.groupName|isset} class="formError"{/if}>
 				<dt><label for="groupName">{lang}wcf.acp.group.groupName{/lang}</label></dt>
 				<dd>
-					<input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" class="medium" />
+					<input type="text" id="groupName" name="groupName" value="{$i18nPlainValues['groupName']}" autofocus="autofocus" class="medium" />
 					{if $errorType.groupName|isset}
 						<small class="wcf-innerError">
 							{if $errorType.groupName == 'empty'}
diff --git a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
index 3a999b0ce6..cb906b3059 100644
--- a/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
+++ b/wcfsetup/install/files/acp/templates/usersMassProcessing.tpl
@@ -90,7 +90,7 @@
 			<dl>
 				<dt><label for="username">{lang}wcf.user.username{/lang}</label></dt>
 				<dd>
-					<input type="text" id="username" name="username" value="{$username}" class="medium" />
+					<input type="text" id="username" name="username" value="{$username}" autofocus="autofocus" class="medium" />
 				</dd>
 			</dl>
 			
diff --git a/wcfsetup/install/files/js/WCF.js b/wcfsetup/install/files/js/WCF.js
index dfc5cf15c2..c9261179d5 100644
--- a/wcfsetup/install/files/js/WCF.js
+++ b/wcfsetup/install/files/js/WCF.js
@@ -2905,7 +2905,7 @@ WCF.Effect.BalloonTooltip.prototype = {
 	init: function() {
 		if (!this._didInit) {
 			// create empty div
-			this._tooltip = $('<div id="balloonTooltip" style="position: absolute"><span id="balloonTooltipText"></span><span class="pointer"><span></span></span></div>').appendTo($('body')).hide();
+			this._tooltip = $('<div id="balloonTooltip" class="wcf-balloonTooltip"><span id="balloonTooltipText"></span><span class="pointer"><span></span></span></div>').appendTo($('body')).hide();
 
 			// get viewport dimensions
 			this._updateViewportDimensions();
@@ -2914,7 +2914,7 @@ WCF.Effect.BalloonTooltip.prototype = {
 			$(window).resize($.proxy(this._updateViewportDimensions, this));
 
 			// observe DOM changes
-			WCF.DOMNodeInsertedHandler.addCallback('WCF.Effect.BallonTooltip', $.proxy(this.init, this));
+			WCF.DOMNodeInsertedHandler.addCallback('WCF.Effect.BalloonTooltip', $.proxy(this.init, this));
 
 			this._didInit = true;
 		}
@@ -3611,8 +3611,8 @@ WCF.System.Confirmation = {
 		this._dialog = $('<div id="wcfSystemConfirmation"><p></p></div>').hide().appendTo(document.body);
 		var $formButtons = $('<div class="wcf-formSubmit" />').appendTo(this._dialog);
 		
-		$('<button class="default">' + WCF.Language.get('wcf.global.confirmation.confirm') + '</button>').data('action', 'confirm').click($.proxy(this._click, this)).appendTo($formButtons);
 		$('<button>' + WCF.Language.get('wcf.global.confirmation.cancel') + '</button>').data('action', 'cancel').click($.proxy(this._click, this)).appendTo($formButtons);
+		$('<button class="default">' + WCF.Language.get('wcf.global.confirmation.confirm') + '</button>').data('action', 'confirm').click($.proxy(this._click, this)).appendTo($formButtons);
 	},
 	
 	/**
diff --git a/wcfsetup/setup/template/stepShowSystemRequirements.tpl b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
index 295dbd9578..3cb5389fa9 100644
--- a/wcfsetup/setup/template/stepShowSystemRequirements.tpl
+++ b/wcfsetup/setup/template/stepShowSystemRequirements.tpl
@@ -38,7 +38,7 @@
 			<dl>
 				<dt>{lang}wcf.global.systemRequirements.element.required{/lang} {lang}wcf.global.systemRequirements.active{/lang}</dt>
 				<dd>
-					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="badge {if !$system.mbString.result}badgeWarning{else}badgeSuccess{/if}">{if !$system.mbString.result}{lang}wcf.global.systemRequirements.notActive{/lang}{else}{lang}wcf.global.systemRequirements.active{/lang}{/if}</span>{if !$system.mbString.result}<small>{lang}wcf.global.systemRequirements.mbString.description{/lang}</small>{/if}
+					{lang}wcf.global.systemRequirements.element.yours{/lang} <span class="wcf-badge {if !$system.mbString.result}wcf-badgeWarning{else}wcf-badgeSuccess{/if}">{if !$system.mbString.result}{lang}wcf.global.systemRequirements.notActive{/lang}{else}{lang}wcf.global.systemRequirements.active{/lang}{/if}</span>{if !$system.mbString.result}<small>{lang}wcf.global.systemRequirements.mbString.description{/lang}</small>{/if}
 				</dd>
 			</dl>