aside.sidebar {
display: table-cell;
vertical-align: top;
- border-right: 1ps solid #bcd;
+ border-right: 1px solid #bcd;
background-color: #d8e7f5;
margin: 0 !important;
padding: 0 !important;
+ 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);
}
nav.sidebarMenu > div h1 {
- background-image: url("../../icon/arrowRightS.png");
+ background-image: url("../../icon/boxOpener.svg");
background-position: 15px center;
+ background-size: 16px;
background-repeat: no-repeat;
color: #369;
cursor: pointer;
}
nav.sidebarMenu > div h1.activeMenuItem {
- background-image: url("../../icon/arrowDownS.png");
+ background-image: url("../../icon/boxCloser.svg");
}
nav.sidebarMenu > div ul li {
nav.sidebarMenu > div ul li.activeMenuItem {
background-color: #fff;
overflow: hidden;
+ margin-right: -1px;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .1);
{foreach from=$caches key=cache item=files}
{if $files|count}
<div class="border boxTitle">
- <a onclick="openList('{$cache}')" class="collapsible"><img src="{@RELATIVE_WCF_DIR}icon/minusS.png" id="{$cache}Image" alt="" /></a>
+ <a onclick="openList('{$cache}')" class="collapsible"><img src="{@RELATIVE_WCF_DIR}icon/minusS.png" id="{$cache}Image" alt="" title="ToDo: Collapsible" class="balloonTooltip" /></a>
<hgroup>
<h1>{$cache} <span class="badge" title="{$cache}">{#$files|count}</span></h1>
</hgroup>
<tr class="cronjobRow">
<td class="columnIcon">
{if $__wcf->session->getPermission('admin.system.cronjobs.canEditCronjob')}
- <img src="{@RELATIVE_WCF_DIR}icon/cronjobExecuteS.png" alt="" title="{lang}wcf.acp.cronjob.execute{/lang}" data-objectID="{@$cronjob->cronjobID}" class="executeButton" />
+ <img src="{@RELATIVE_WCF_DIR}icon/cronjobExecuteS.png" alt="" title="{lang}wcf.acp.cronjob.execute{/lang}" data-objectID="{@$cronjob->cronjobID}" class="executeButton balloonTooltip" />
{/if}
{if $cronjob->canBeDisabled()}
- <img src="{@RELATIVE_WCF_DIR}icon/{if $cronjob->active}enabled{else}disabled{/if}S.png" alt="" title="{lang}wcf.acp.cronjobs.{if $cronjob->active}disable{else}enable{/if}{/lang}" data-objectID="{@$cronjob->cronjobID}" data-disableMessage="{lang}wcf.acp.cronjob.disable{/lang}" data-enableMessage="{lang}wcf.acp.cronjob.enable{/lang}" class="toggleButton" />
+ <img src="{@RELATIVE_WCF_DIR}icon/{if $cronjob->active}enabled{else}disabled{/if}S.png" alt="" data-objectID="{@$cronjob->cronjobID}" data-disableMessage="{lang}wcf.acp.cronjob.disable{/lang}" data-enableMessage="{lang}wcf.acp.cronjob.enable{/lang}" title="{lang}wcf.acp.cronjobs.{if $cronjob->active}disable{else}enable{/if}{/lang}" class="toggleButton balloonTooltip" />
{else}
{if $cronjob->active}
<img src="{@RELATIVE_WCF_DIR}icon/enabledDisabledS.png" alt="" title="{lang}wcf.acp.cronjob.disable{/lang}" />
{/if}
{if $cronjob->isEditable()}
- <a href="index.php?form=CronjobEdit&cronjobID={@$cronjob->cronjobID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.cronjob.edit{/lang}" /></a>
+ <a href="index.php?form=CronjobEdit&cronjobID={@$cronjob->cronjobID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.cronjob.edit{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/editDisabledS.png" alt="" title="{lang}wcf.acp.cronjob.edit.disabled{/lang}" />
{/if}
{if $cronjob->isDeletable()}
- <img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.cronjob.delete{/lang}" data-objectID="{@$cronjob->cronjobID}" data-confirmMessage="{lang}wcf.acp.cronjob.delete.sure{/lang}" class="deleteButton" />
+ <img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" data-objectID="{@$cronjob->cronjobID}" data-confirmMessage="{lang}wcf.acp.cronjob.delete.sure{/lang}" title="{lang}wcf.acp.cronjob.delete{/lang}" class="deleteButton balloonTooltip" />
{else}
<img src="{@RELATIVE_WCF_DIR}icon/deleteDisabledS.png" alt="" title="{lang}wcf.acp.cronjob.delete.disabled{/lang}" />
{/if}
<div>
<nav id="footerNavigation" class="footerNavigation">
<ul>
- <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/upS.png" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+ <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
</ul>
</nav>
</div>
<!-- header navigation -->
<nav class="headerNavigation">
<ul>
- <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/downS.png" alt="{lang}wcf.global.scrollDown{/lang}" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
+ <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toBottom.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
</ul>
</nav>
<!-- /header navigation -->
<td class="columnID"><p>{@$package->packageID}</p></td>
<td class="columnIcon">
{if $package->standalone}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" class="balloonTooltip" />
{elseif $package->isPlugin()}
<img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" />
{else}
<tr>
<td class="columnIcon">
{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
- <a href="index.php?form=PackageStartInstall&action=update&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/packageUpdateS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" /></a>
+ <a href="index.php?form=PackageStartInstall&action=update&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/packageUpdateS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/packageUpdateDisabledS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
{/if}
{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $package.package != 'com.woltlab.wcf' && $package.packageID != PACKAGE_ID}
- <a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="index.php?page=Package&action=startUninstall&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" /></a>
+ <a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="index.php?page=Package&action=startUninstall&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/deleteDisabledS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
{/if}
<td class="columnID"><p>{@$package.packageID}</p></td>
<td class="columnIcon">
{if $package.standalone}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" class="balloonTooltip" />
{elseif $package.parentPackageID}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
{else}
- <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
{/if}
</td>
<td class="columnText" title="{$package.packageDescription}"><p><a href="index.php?page=PackageView&packageID={@$package.packageID}{@SID_ARG_2ND}">{$package.packageName}{if $package.instanceNo > 1 && $package.instanceName == ''} (#{#$package.instanceNo}){/if}</a></p></td>
<hgroup class="subHeading">
<h1>
{if $package.standalone == 1}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" class="balloonTooltip" />
{elseif $package.plugin != ''}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
{else}
- <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
{/if}
{$package.packageName}
</h1>
<tr>
<td class="columnIcon">
{if $__wcf->session->getPermission('admin.system.package.canUpdatePackage')}
- <a href="index.php?form=PackageStartInstall&action=update&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/packageUpdateS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" /></a>
+ <a href="index.php?form=PackageStartInstall&action=update&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/packageUpdateS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/packageUpdateDisabledS.png" alt="" title="{lang}wcf.acp.package.view.button.update{/lang}" />
{/if}
{if $__wcf->session->getPermission('admin.system.package.canUninstallPackage') && $package.package != 'com.woltlab.wcf' && $package.packageID != PACKAGE_ID}
- <a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="index.php?page=Package&action=startUninstall&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" /></a>
+ <a onclick="return confirm('{lang}wcf.acp.package.view.button.uninstall.sure{/lang}')" href="index.php?page=Package&action=startUninstall&packageID={@$package.packageID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/deleteDisabledS.png" alt="" title="{lang}wcf.acp.package.view.button.uninstall{/lang}" />
{/if}
<td class="columnID"><p>{@$package.packageID}</p></td>
<td class="columnIcon">
{if $package.standalone}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypeStandaloneS.png" alt="" title="{lang}wcf.acp.package.list.standalone{/lang}" class="balloonTooltip" />
{elseif $package.parentPackageID}
- <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageTypePluginS.png" alt="" title="{lang}wcf.acp.package.list.plugin{/lang}" class="balloonTooltip" />
{else}
- <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/packageS.png" alt="" title="{lang}wcf.acp.package.list.other{/lang}" class="balloonTooltip" />
{/if}
</td>
<td class="columnText" title="{$package.packageDescription}"><p><a href="index.php?page=PackageView&packageID={@$package.packageID}{@SID_ARG_2ND}">{$package.packageName}{if $package.instanceNo > 1 && $package.instanceName == ''} (#{#$package.instanceNo}){/if}</a></p></td>
<div>
<nav id="footerNavigation" class="footerNavigation">
<ul>
- <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/upS.png" alt="{lang}wcf.global.scrollUp{/lang}" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
+ <li id="toTopLink" class="toTopLink"><a href="#top" title="{lang}wcf.global.scrollUp{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toTop.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollUp{/lang}</span></a></li>
</ul>
</nav>
</div>
<!-- header navigation -->
<nav class="headerNavigation">
<ul>
- <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}"><img src="{@RELATIVE_WCF_DIR}icon/downS.png" alt="{lang}wcf.global.scrollDown{/lang}" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
+ <li id="toBottomLink" class="toBottomLink"><a href="#bottom" title="{lang}wcf.global.scrollDown{/lang}" class="balloonTooltip"><img src="{@RELATIVE_WCF_DIR}icon/toBottom.svg" alt="" /> <span class="invisible">{lang}wcf.global.scrollDown{/lang}</span></a></li>
</ul>
</nav>
<!-- /header navigation -->
<tr id="groupContainer{@$group->groupID}">
<td class="columnIcon">
{if $group->isEditable()}
- <a href="index.php?form=UserGroupEdit&groupID={@$group->groupID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.group.edit{/lang}" /></a>
+ <a href="index.php?form=UserGroupEdit&groupID={@$group->groupID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.group.edit{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/editDisabledS.png" alt="" title="{lang}wcf.acp.group.edit{/lang}" />
{/if}
{if $group->isDeletable()}
- <img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.group.delete{/lang}" id="groupDeleteIcon{@$group->groupID}" />
+ <img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" id="groupDeleteIcon{@$group->groupID}" alt="" title="{lang}wcf.acp.group.delete{/lang}" class="balloonTooltip" />
<script type="text/javascript">
//<![CDATA[
removeGroup.registerObject({@$group->groupID}, {
<img src="{@RELATIVE_WCF_DIR}icon/{if $searchID}userSearch{else}users{/if}L.png" alt="" />
<hgroup>
<h1>{lang}wcf.acp.user.{if $searchID}search{else}list{/if}{/lang}</h1>
- <h2>{if $searchID}{lang}wcf.acp.user.search.matches{/lang}{else}{lang}wcf.acp.user.list.count{/lang}{/if}</h2>
+ <h2>{if $searchID}{lang}wcf.acp.user.search.matches{/lang}{else}{lang}wcf.acp.user.list.count{/lang}{/if}</h2><!-- deprecated display -->
</hgroup>
</header>
</script>
{if $user->editable}
- <a href="index.php?form=UserEdit&userID={@$user->userID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.user.edit{/lang}" /></a>
+ <a href="index.php?form=UserEdit&userID={@$user->userID}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/editS.png" alt="" title="{lang}wcf.acp.user.edit{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/editDisabledS.png" alt="" title="{lang}wcf.acp.user.edit{/lang}" />
{/if}
{if $user->deletable}
- <a onclick="return confirm('{lang}wcf.acp.user.delete.sure{/lang}')" href="index.php?action=UserDelete&userID={@$user->userID}&url={@$encodedURL}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.user.delete{/lang}" /></a>
+ <a onclick="return confirm('{lang}wcf.acp.user.delete.sure{/lang}')" href="index.php?action=UserDelete&userID={@$user->userID}&url={@$encodedURL}{@SID_ARG_2ND}"><img src="{@RELATIVE_WCF_DIR}icon/deleteS.png" alt="" title="{lang}wcf.acp.user.delete{/lang}" class="balloonTooltip" /></a>
{else}
<img src="{@RELATIVE_WCF_DIR}icon/deleteDisabledS.png" alt="" title="{lang}wcf.acp.user.delete{/lang}" />
{/if}
</dd>
</dl>
- <dl class="reversed separated">
- <dt><label for="enableHTML">{lang}wcf.acp.user.sendMail.enableHTML{/lang}</label></dt>
+ <dl>
+ <dt class="reversed"><label for="enableHTML">{lang}wcf.acp.user.sendMail.enableHTML{/lang}</label></dt>
<dd>
<input type="checkbox" id="enableHTML" name="enableHTML" value="1"{if $enableHTML == 1} checked="checked"{/if}/>
</dd>
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>Box Closer</title> \r
+ <desc>Box Closer Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconBoxCloser">\r
+ <polygon id="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="1,3 7.5014648,14 14,3"/>\r
+ <polygon id="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" points="1,2.0004883 7.5009766,13 14,2.0004883"/>\r
+ </g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>Box Opener</title> \r
+ <desc>Box Opener Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconBoxOpener">\r
+ <polygon id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="2,15 13,8.4985352 2,1.9995117"/>\r
+ <polygon id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" points="2,14 13,7.4990234 2,1"/>\r
+ </g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>To Bottom</title> \r
+ <desc>To Bottom Of Page Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconToBottom">\r
+ <path id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7.5,15C3.909668,15,1,12.0908203,1,8.5\r
+ c0-3.0673828,2.1411133-5.6367188,5-6.3193359V9H3.5l4,5l4-5.0004883L9,9V2.1806641C11.8652344,2.859375,14,5.4277344,14,8.5\r
+ C14,12.0908203,11.0898438,15,7.5,15z"/>\r
+ <path id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M7.5,14C3.909668,14,1,11.0908203,1,7.5\r
+ c0-3.0673828,2.1411133-5.6367188,5-6.3193359V8H3.5l4,5l4-5.0004883L9,8V1.1806641C11.8652344,1.859375,14,4.4277344,14,7.5\r
+ C14,11.0908203,11.0898438,14,7.5,14z"/>\r
+ </g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>To Left</title> \r
+ <desc>To The Left Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconToLeft">\r
+ <path id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M1,8.5C1,4.909668,3.9101562,2,7.5,2\r
+ c3.0683594,0,5.6367188,2.1411133,6.3203125,5H7V4.5l-5,4l5.0019531,4L7,10h6.8203125C13.140625,12.8652344,10.5722656,15,7.5,15\r
+ C3.9101562,15,1,12.0898438,1,8.5z"/>\r
+ <path id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M1,7.5C1,3.909668,3.9101562,1,7.5,1\r
+ c3.0683594,0,5.6367188,2.1411133,6.3203125,5H7V3.5l-5,4l5.0019531,4L7,9h6.8203125C13.140625,11.8652344,10.5722656,14,7.5,14\r
+ C3.9101562,14,1,11.0898438,1,7.5z"/>\r
+ </g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>To Right</title> \r
+ <desc>To The Right Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconToRight">\r
+ <path id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M14,8.5C14,4.909668,11.0898438,2,7.4995117,2\r
+ C4.4321289,2,1.862793,4.1411133,1.1801758,7h6.8203125L7.9995117,4.5L13,8.5l-5.0014648,4L7.9995117,10H1.1801758\r
+ c0.6787109,2.8652344,3.2470703,5,6.3193359,5C11.0898438,15,14,12.0898438,14,8.5z"/>\r
+ <path id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M14,7.5C14,3.909668,11.0898438,1,7.4995117,1\r
+ C4.4321289,1,1.862793,3.1411133,1.1801758,6h6.8203125L7.9995117,3.5L13,7.5l-5.0014648,4L7.9995117,9H1.1801758\r
+ c0.6787109,2.8652344,3.2470703,5,6.3193359,5C11.0898438,14,14,11.0898438,14,7.5z"/>\r
+ </g>\r
+</svg>\r
--- /dev/null
+<?xml version="1.0" encoding="utf-8"?>\r
+<!--<?xml-stylesheet type="text/css" href="svg.css"?>-->\r
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">\r
+<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">\r
+ \r
+ <title>To Top</title> \r
+ <desc>To Top Of Page Icon</desc> \r
+ \r
+ <!--\r
+ @author Harald Szekely \r
+ @copyright 2011 WoltLab GmbH \r
+ @license GNU Lesser General Public License <http://opensource.org/licenses/lgpl-license.php> \r
+ --> \r
+ \r
+ <defs>\r
+ \r
+ </defs>\r
+ \r
+ <g id="IconToTop">\r
+ <path id="Lower" class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M7.5,2C3.909668,2,1,4.909668,1,8.5\r
+ c0,3.0673828,2.1411133,5.6367188,5,6.3193359V7.9995117L3.5,8l4-5l4,5.0004883L9,8v6.8193359\r
+ C11.8652344,14.140625,14,11.5722656,14,8.5C14,4.909668,11.0898438,2,7.5,2z"/>\r
+ <path id="Upper" class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M7.5,1C3.909668,1,1,3.909668,1,7.5\r
+ c0,3.0673828,2.1411133,5.6367188,5,6.3193359V6.9995117L3.5,7l4-5l4,5.0004883L9,7v6.8193359\r
+ C11.8652344,13.140625,14,10.5722656,14,7.5C14,3.909668,11.0898438,1,7.5,1z"/>\r
+ </g>\r
+</svg>\r