From: Alexander Ebert <ebert@woltlab.com>
Date: Tue, 27 Mar 2012 13:57:22 +0000 (+0200)
Subject: Reworked templates, added LESS-based stylesheets
X-Git-Tag: 2.0.0_Beta_1~616^2~27
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=2541fd1ee1f28fec0361ac847ce1ccd6aeef3ea5;p=GitHub%2FWoltLab%2FWCF.git

Reworked templates, added LESS-based stylesheets
---

diff --git a/acptemplates/languageAdd.tpl b/acptemplates/languageAdd.tpl
index e1be33c76e..b0d45b808f 100644
--- a/acptemplates/languageAdd.tpl
+++ b/acptemplates/languageAdd.tpl
@@ -9,31 +9,31 @@
 	//]]>
 </script>
 
-<header class="wcf-container wcf-mainHeading">
-	<img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="wcf-containerIcon" />
-	<hgroup class="wcf-containerContent">
+<header class="box48 boxHeadline">
+	<img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="icon48" />
+	<hgroup>
 		<h1>{lang}wcf.acp.language.add{/lang}</h1>
 	</hgroup>
 </header>
 
 {if $errorField}
-	<p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
+	<p class="error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 {if $success|isset}
-	<p class="wcf-success">{lang}wcf.global.form.add.success{/lang}</p>	
+	<p class="success">{lang}wcf.global.form.add.success{/lang}</p>	
 {/if}
 
-<div class="wcf-contentHeader">
+<div class="contentNavigation">
 	<nav>
-		<ul class="wcf-largeButtons">
-			<li><a href="{link controller='LanguageList'}{/link}" title="{lang}wcf.acp.menu.link.language.list{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.language.list{/lang}</span></a></li>
+		<ul>
+			<li><a href="{link controller='LanguageList'}{/link}" title="{lang}wcf.acp.menu.link.language.list{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="icon24" /> <span>{lang}wcf.acp.menu.link.language.list{/lang}</span></a></li>
 		</ul>
 	</nav>
 </div>
 
 <form enctype="multipart/form-data" method="post" action="{link controller='LanguageAdd'}{/link}">
-	<div class="wcf-box wcf-marginTop wcf-boxPadding wcf-shadow1">
+	<div class="container containerPadding marginTop shadow">
 		<dl>
 			<dt><label for="import">{lang}wcf.acp.language.add.mode{/lang}</label></dt>
 			<dd>
@@ -52,12 +52,12 @@
 		<fieldset id="importDiv">
 			<legend>{lang}wcf.acp.language.import.source{/lang}</legend>
 			
-			<dl{if $errorField == 'languageFile'} class="wcf-formError"{/if}>
+			<dl{if $errorField == 'languageFile'} class="formError"{/if}>
 				<dt><label for="languageFile">{lang}wcf.acp.language.import.source.file{/lang}</label></dt>
 				<dd>
 					<input type="text" id="languageFile" name="languageFile" value="{$languageFile}" class="long" />
 					{if $errorField == 'languageFile'}
-						<small class="wcf-innerError">
+						<small class="innerError">
 							{if $errorType == 'empty'}
 								{lang}wcf.global.error.empty{/lang}
 							{else}
@@ -69,12 +69,12 @@
 				</dd>
 			</dl>
 			
-			<dl{if $errorField == 'languageUpload'} class="wcf-formError"{/if}>
+			<dl{if $errorField == 'languageUpload'} class="formError"{/if}>
 				<dt><label for="languageUpload">{lang}wcf.acp.language.import.source.upload{/lang}</label></dt>
 				<dd>
 					<input type="file" id="languageUpload" name="languageUpload" />
 					{if $errorField == 'languageUpload'}
-						<small class="wcf-innerError">
+						<small class="innerError">
 							{lang}wcf.acp.language.import.error{/lang} {$errorType}
 						</small>
 					{/if}
@@ -85,12 +85,12 @@
 		<fieldset id="copyDiv">
 			<legend>{lang}wcf.acp.language.add.new{/lang}</legend>
 			
-			<dl{if $errorField == 'languageCode'} class="wcf-formError"{/if}>
+			<dl{if $errorField == 'languageCode'} class="formError"{/if}>
 				<dt><label for="languageCode">{lang}wcf.acp.language.code{/lang}</label></dt>
 				<dd>
 					<input type="text" id="languageCode" name="languageCode" value="{$languageCode}" class="long" />
 					{if $errorField == 'languageCode'}
-						<small class="wcf-innerError">
+						<small class="innerError">
 							{if $errorType == 'empty'}{lang}wcf.global.error.empty{/lang}{/if}
 							{if $errorType == 'notUnique'}{lang}wcf.acp.language.add.languageCode.error.notUnique{/lang}{/if}
 						</small>
@@ -99,7 +99,7 @@
 				</dd>
 			</dl>
 			
-			<dl{if $errorField == 'sourceLanguageID'} class="wcf-formError"{/if}>
+			<dl{if $errorField == 'sourceLanguageID'} class="formError"{/if}>
 				<dt><label for="sourceLanguageID">{lang}wcf.acp.language.add.source{/lang}</label></dt>
 				<dd>
 					<select id="sourceLanguageID" name="sourceLanguageID">
@@ -108,7 +108,7 @@
 						{/foreach}
 					</select>
 					{if $errorField == 'sourceLanguageID'}
-						<small class="wcf-innerError">
+						<small class="innerError">
 							{if $errorType == 'empty'}{lang}wcf.global.error.empty{/lang}{/if}
 						</small>
 					{/if}
@@ -119,10 +119,8 @@
 		{if $additionalFields|isset}{@$additionalFields}{/if}
 	</div>
 	
-	<div class="wcf-formSubmit">
-		<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
+	<div class="formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
-		{@SID_INPUT_TAG}
  	</div>
 </form>
 
diff --git a/acptemplates/languageList.tpl b/acptemplates/languageList.tpl
index 64270f2411..debb3c67a2 100644
--- a/acptemplates/languageList.tpl
+++ b/acptemplates/languageList.tpl
@@ -28,20 +28,20 @@
 	//]]>
 </script>
 
-<header class="wcf-container wcf-mainHeading">
-	<img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="wcf-containerIcon" />
-	<hgroup class="wcf-containerContent">
+<header class="box48 boxHeadline">
+	<img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="icon48" />
+	<hgroup>
 		<h1>{lang}wcf.acp.language.list{/lang}</h1>
 	</hgroup>
 </header>
 
-<div class="wcf-contentHeader">
+<div class="contentNavigation">
 	{pages print=true assign=pagesLinks controller='LanguageList' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 	
 	{if $__wcf->getSession()->getPermission('admin.language.canAddLanguage')}
 		<nav>
-			<ul class="wcf-largeButtons">
-				<li><a href="{link controller='LanguageAdd'}{/link}" title="{lang}wcf.acp.language.add{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.language.add{/lang}</span></a></li>
+			<ul>
+				<li><a href="{link controller='LanguageAdd'}{/link}" title="{lang}wcf.acp.language.add{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="icon24" /> <span>{lang}wcf.acp.language.add{/lang}</span></a></li>
 				
 				{event name='largeButtons'}
 			</ul>
@@ -50,12 +50,12 @@
 </div>
 
 {if $objects|count}
-	<div class="wcf-box wcf-boxTitle wcf-marginTop wcf-shadow1">
+	<div class="tabularBox tabularBoxTitle marginTop shadow">
 		<hgroup>
-			<h1>{lang}wcf.acp.language.list{/lang} <span class="wcf-badge" title="{lang}wcf.acp.language.list.count{/lang}">{#$items}</span></h1>
+			<h1>{lang}wcf.acp.language.list{/lang} <span class="badge" title="{lang}wcf.acp.language.list.count{/lang}">{#$items}</span></h1>
 		</hgroup>
 	
-		<table class="wcf-table">
+		<table class="table">
 			<thead>
 				<tr>
 					<th class="columnID columnLanguageID{if $sortField == 'languageID'} active{/if}" colspan="2"><a href="{link controller='LanguageList'}pageNo={@$pageNo}&sortField=languageID&sortOrder={if $sortField == 'languageID' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.global.objectID{/lang}{if $sortField == 'languageID'} <img src="{@RELATIVE_WCF_DIR}icon/sort{@$sortOrder}.svg" alt="" />{/if}</a></th>
@@ -71,34 +71,34 @@
 				<tr class="jsLanguageRow">
 					<td class="columnIcon">
 						{if $__wcf->getSession()->getPermission('admin.language.canEditLanguage')}
-							<a href="{link controller='LanguageExport' id=$language->languageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/download1.svg" alt="" title="{lang}wcf.acp.language.export{/lang}" class="jsTooltip" /></a>
+							<a href="{link controller='LanguageExport' id=$language->languageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/download1.svg" alt="" title="{lang}wcf.acp.language.export{/lang}" class="icon16 jsTooltip" /></a>
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/download1D.svg" alt="" title="{lang}wcf.acp.language.export{/lang}" />
+							<img src="{@RELATIVE_WCF_DIR}icon/download1D.svg" alt="" title="{lang}wcf.acp.language.export{/lang}" class="icon16" />
 						{/if}
 						
 						{if $__wcf->getSession()->getPermission('admin.language.canEditLanguage')}
 							{if !$language->isDefault}
-								<img src="{@RELATIVE_WCF_DIR}icon/default1.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" class="jsSetAsDefaultButton jsTooltip" data-object-id="{@$language->languageID}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/default1.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" class="icon16 jsSetAsDefaultButton jsTooltip" data-object-id="{@$language->languageID}" />
 							{else}
-								<img src="{@RELATIVE_WCF_DIR}icon/default1D.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/default1D.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" class="icon16" />
 							{/if}
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/default1D.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" />
+							<img src="{@RELATIVE_WCF_DIR}icon/default1D.svg" alt="" title="{lang}wcf.acp.language.setAsDefault{/lang}" class="icon16" />
 						{/if}
 						
 						{if $__wcf->getSession()->getPermission('admin.language.canEditLanguage')}
-							<a href="{link controller='LanguageEdit' id=$language->languageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/edit1.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip" /></a>
+							<a href="{link controller='LanguageEdit' id=$language->languageID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/edit1.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="icon16 jsTooltip" /></a>
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/edit1D.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" />
+							<img src="{@RELATIVE_WCF_DIR}icon/edit1D.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="icon16" />
 						{/if}
 						{if $__wcf->getSession()->getPermission('admin.language.canDeleteLanguage')}
 							{if !$language->isDefault}
-								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="jsTooltip jsDeleteButton" data-object-id="{@$language->languageID}" data-confirmMessage="{lang}wcf.acp.language.delete.sure{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="icon16 jsTooltip jsDeleteButton" data-object-id="{@$language->languageID}" data-confirmMessage="{lang}wcf.acp.language.delete.sure{/lang}" />
 							{else}
-								<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="icon16" />
 							{/if}
 						{else}
-							<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" />
+							<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="icon16" />
 						{/if}
 					</td>
 					<td class="columnID columnLanguageID">{@$language->languageID}</td>
@@ -118,13 +118,13 @@
 		</table>
 	</div>
 
-	<div class="wcf-contentFooter">
+	<div class="contentNavigation">
 		{@$pagesLinks}
 		
 		{if $__wcf->getSession()->getPermission('admin.language.canAddLanguage')}
 			<nav>
-				<ul class="wcf-largeButtons">
-					<li><a href="{link controller='LanguageAdd'}{/link}" title="{lang}wcf.acp.language.add{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.language.add{/lang}</span></a></li>
+				<ul>
+					<li><a href="{link controller='LanguageAdd'}{/link}" title="{lang}wcf.acp.language.add{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="icon24" /> <span>{lang}wcf.acp.language.add{/lang}</span></a></li>
 					
 					{event name='largeButtons'}
 				</ul>
diff --git a/acptemplates/languageServerAdd.tpl b/acptemplates/languageServerAdd.tpl
index 171d55cb91..705c36dc1f 100644
--- a/acptemplates/languageServerAdd.tpl
+++ b/acptemplates/languageServerAdd.tpl
@@ -1,39 +1,39 @@
 {include file='header'}
 
-<header class="wcf-container wcf-mainHeading">
-	<img src="{@RELATIVE_WCF_DIR}icon/{$action}1.svg" alt="" class="wcf-containerIcon" />
-	<hgroup class="wcf-containerContent">
+<header class="box48 boxHeadline">
+	<img src="{@RELATIVE_WCF_DIR}icon/{$action}1.svg" alt="" class="icon48" />
+	<hgroup>
 		<h1>{lang}wcf.acp.languageServer.{$action}{/lang}</h1>
 	</hgroup>
 </header>
 
 {if $errorField}
-	<p class="wcf-error">{lang}wcf.global.form.error{/lang}</p>
+	<p class="error">{lang}wcf.global.form.error{/lang}</p>
 {/if}
 
 {if $success|isset}
-	<p class="wcf-success">{lang}wcf.acp.languageServer.{$action}.success{/lang}</p>	
+	<p class="success">{lang}wcf.acp.languageServer.{$action}.success{/lang}</p>	
 {/if}
 
-<div class="wcf-contentHeader">
+<div class="contentNavigation">
 	<nav>
-		<ul class="wcf-largeButtons">
-			<li><a href="{link controller='LanguageServerList'}{/link}" title="{lang}wcf.acp.menu.link.package.server.view{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" /> <span>{lang}wcf.acp.menu.link.package.server.view{/lang}</span></a></li>
+		<ul>
+			<li><a href="{link controller='LanguageServerList'}{/link}" title="{lang}wcf.acp.menu.link.package.server.view{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="icon24" /> <span>{lang}wcf.acp.menu.link.package.server.view{/lang}</span></a></li>
 		</ul>
 	</nav>
 </div>
 
 <form method="post" action="{if $action == 'add'}{link controller='LanguageServerAdd'}{/link}{else}{link controller='LanguageServerEdit' id=$languageServerID}{/link}{/if}">
-	<div class="wcf-box wcf-marginTop wcf-boxPadding wcf-boxDecor wcf-shadow1">
+	<div class="container containerPadding marginTop shadow">
 		<fieldset>
 			<legend>{lang}wcf.acp.languageServer.data{/lang}</legend>
 			
-			<dl{if $errorField == 'server'} class="wcf-formError"{/if}>
+			<dl{if $errorField == 'server'} class="formError"{/if}>
 				<dt><label for="server">{lang}wcf.acp.languageServer.server{/lang}</label></dt>
 				<dd>
 					<input type="text" name="server" id="server" value="{$server}" autofocus="autofocus" class="long" />
 					{if $errorField == 'server'}
-						<small class="wcf-innerError">
+						<small class="innerError">
 							{if $errorType == 'empty'}{lang}wcf.global.error.empty{/lang}{/if}
 							{if $errorType == 'notValid'}{lang}wcf.acp.languageServer.server.error.notValid{/lang}{/if}
 						</small>
@@ -45,10 +45,8 @@
 		</fieldset>
 	</div>
 	
-	<div class="wcf-formSubmit">
-		<input type="reset" value="{lang}wcf.global.button.reset{/lang}" accesskey="r" />
+	<div class="formSubmit">
 		<input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
-		{@SID_INPUT_TAG}
  	</div>
 </form>
 
diff --git a/acptemplates/languageServerList.tpl b/acptemplates/languageServerList.tpl
index 0e9e543cc7..38f42696c5 100644
--- a/acptemplates/languageServerList.tpl
+++ b/acptemplates/languageServerList.tpl
@@ -9,20 +9,20 @@
 	//]]>
 </script>
 
-<header class="wcf-container wcf-mainHeading">
-	<img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="wcf-containerIcon" />
-	<hgroup class="wcf-containerContent">
+<header class="box48 boxHeadline">
+	<img src="{@RELATIVE_WCF_DIR}icon/language1.svg" alt="" class="icon48" />
+	<hgroup>
 		<h1>{lang}wcf.acp.languageServer.list{/lang}</h1>
 	</hgroup>
 </header>
 
-<div class="wcf-contentHeader">
+<div class="contentNavigation">
 	{pages print=true assign=pagesLinks controller='LanguageServerList' link="pageNo=%d&sortField=$sortField&sortOrder=$sortOrder"}
 	
 	{if $__wcf->getSession()->getPermission('admin.language.canAddServer')}
 		<nav>
-			<ul class="wcf-largeButtons">
-				<li><a href="{link controller='LanguageServerAdd'}{/link}" title="{lang}wcf.acp.languageServer.add{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.languageServer.add{/lang}</span></a></li>
+			<ul>
+				<li><a href="{link controller='LanguageServerAdd'}{/link}" title="{lang}wcf.acp.languageServer.add{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="icon24" /> <span>{lang}wcf.acp.languageServer.add{/lang}</span></a></li>
 				
 				{event name='largeButtons'}
 			</ul>
@@ -31,14 +31,14 @@
 </div>
 
 {if !$languageServers|count}
-	<p class="wcf-warning">{lang}wcf.acp.languageServer.view.noneAvailable{/lang}</p>
+	<p class="warning">{lang}wcf.acp.languageServer.view.noneAvailable{/lang}</p>
 {else}
-	<div class="wcf-box wcf-marginTop wcf-boxPadding wcf-shadow1">
+	<div class="tabularBox tabularBoxTitle marginTop shadow">
 		<hgroup>
 			<h1>{lang}wcf.acp.languageServer.list{/lang} <span class="badge" title="{lang}wcf.acp.languageServer.list.count{/lang}">{#$items}</span></h1>
 		</hgroup>
 	
-		<table class="wcf-table">
+		<table class="table">
 			<thead>
 				<tr>
 					<th class="columnID columnLanguageServerID{if $sortField == 'languageServerID'} active{/if}" colspan="2"><a href="{link controller='LanguageServerList'}pageNo={@$pageNo}&sortField=languageServerID&sortOrder={if $sortField == 'languageServerID' && $sortOrder == 'ASC'}DESC{else}ASC{/if}{/link}">{lang}wcf.global.objectID{/lang}{if $sortField == 'languageServerID'} <img src="{@RELATIVE_WCF_DIR}icon/sort{@$sortOrder}.svg" alt="" />{/if}</a></th>
@@ -50,17 +50,17 @@
 					<tr class="jsLanguageServerRow">
 						<td class="columnIcon">
 							{if $__wcf->getSession()->getPermission('admin.language.canEditServer')}
-								<img src="{@RELATIVE_WCF_DIR}icon/{if !$languageServer->disabled}enabled{else}disabled{/if}1.svg" alt="" title="{lang}wcf.global.button.{if !$languageServer->disabled}disable{else}enable{/if}{/lang}" class="jsToggleButton jsTooltip" data-object-id="{@$languageServer->languageServerID}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" />
-								<a href="{link controller='LanguageServerEdit' id=$languageServer->languageServerID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/edit1.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="jsTooltip" /></a>
+								<img src="{@RELATIVE_WCF_DIR}icon/{if !$languageServer->disabled}enabled{else}disabled{/if}1.svg" alt="" title="{lang}wcf.global.button.{if !$languageServer->disabled}disable{else}enable{/if}{/lang}" class="icon16 jsToggleButton jsTooltip" data-object-id="{@$languageServer->languageServerID}" data-disable-message="{lang}wcf.global.button.disable{/lang}" data-enable-message="{lang}wcf.global.button.enable{/lang}" />
+								<a href="{link controller='LanguageServerEdit' id=$languageServer->languageServerID}{/link}"><img src="{@RELATIVE_WCF_DIR}icon/edit1.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="icon16jsTooltip" /></a>
 							{else}
-								<img src="{@RELATIVE_WCF_DIR}icon/{if !$languageServer->disabled}enabled{else}disabled{/if}1D.svg" alt="" title="{lang}wcf.global.button.{if !$languageServer->disabled}disable{else}enable{/if}{/lang}" />
-								<img src="{@RELATIVE_WCF_DIR}icon/edit1D.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/{if !$languageServer->disabled}enabled{else}disabled{/if}1D.svg" alt="" title="{lang}wcf.global.button.{if !$languageServer->disabled}disable{else}enable{/if}{/lang}" class="icon16" />
+								<img src="{@RELATIVE_WCF_DIR}icon/edit1D.svg" alt="" title="{lang}wcf.global.button.edit{/lang}" class="icon16" />
 							{/if}
 							
 							{if $__wcf->getSession()->getPermission('admin.language.canDeleteServer')}
-								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="jsDeleteButton jsTooltip" data-object-id="{@$languageServer->languageServerID}" data-confirm-message="{lang}wcf.acp.languageServer.delete.sure{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/delete1.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="icon16 jsDeleteButton jsTooltip" data-object-id="{@$languageServer->languageServerID}" data-confirm-message="{lang}wcf.acp.languageServer.delete.sure{/lang}" />
 							{else}
-								<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" />
+								<img src="{@RELATIVE_WCF_DIR}icon/delete1D.svg" alt="" title="{lang}wcf.global.button.delete{/lang}" class="icon16" />
 							{/if}
 						</td>
 						<td class="columnID columnLanguageServerID">{@$languageServer->languageServerID}</td>
@@ -77,13 +77,13 @@
 		</table>
 	</div>
 	
-	<div class="wcf-contentFooter">
+	<div class="contentNavigation">
 		{@$pagesLinks}
 		
 		{if $__wcf->getSession()->getPermission('admin.language.canAddServer')}
 			<nav>
-				<ul class="wcf-largeButtons">
-					<li><a href="{link controller='LanguageServerAdd'}{/link}" title="{lang}wcf.acp.languageServer.add{/lang}" class="wcf-button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" /> <span>{lang}wcf.acp.languageServer.add{/lang}</span></a></li>
+				<ul>
+					<li><a href="{link controller='LanguageServerAdd'}{/link}" title="{lang}wcf.acp.languageServer.add{/lang}" class="button"><img src="{@RELATIVE_WCF_DIR}icon/add1.svg" alt="" class="icon16" /> <span>{lang}wcf.acp.languageServer.add{/lang}</span></a></li>
 					
 					{event name='largeButtons'}
 				</ul>