Reworked templates, added LESS-based stylesheets

diff --git a/acptemplates/languageAdd.tpl b/acptemplates/languageAdd.tpl
index e1be33c76e344762d2e8035524eac62c674f0b08..b0d45b808f000d0ca0066da389880899d1f1a91d 100644 (file)
--- 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 64270f2411cc78c88e33b76b77b6b56837e0c0a7..debb3c67a2ec2e83ce87b7b95b7200c984d65990 100644 (file)
--- 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 171d55cb91b459c8f1d6b7ef0d2051262f83c96c..705c36dc1fdb2a325c3a47763cf9444bfdae38d4 100644 (file)
--- 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 0e9e543cc7f08a273472e231569daa50c4dcd1ab..38f42696c502b8ba59d372896fd04d06a5032a47 100644 (file)
--- 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>