text-decoration: underline;
}
+a.externalLink {
+ background-image: url("../../icon/externalLink.svg");
+ background-position: right center;
+ background-repeat: no-repeat;
+ padding-right: 17px;
+}
+
hr {
display: none;
}
/* -- -- -- -- -- Page Header -- -- -- -- -- */
header.pageHeader {
- /* Disabled, because the WoltLab header image is not LGPL
+ /* Disabled, because the WoltLab header-image is not LGPL
Activate it if you want to test your own header image */
/* background-image: url("../images/header.png"); */
background-position: left top;
width: 95%;
}
-/*
+/* that's not nice!
select {
width: 95%;
}
input[type='submit'],
.largeButtons ul li a {
font-size: 100%;
- border: 1px solid #ccc;
+ border: 1px solid #999;
border-radius: 30px;
color: #999;
font-weight: bold;
background-image: -o-linear-gradient(#fefefe, #eee);
background-image: linear-gradient(#fefefe, #eee);
- -webkit-transition: all .3s linear;
- -moz-transition: all .3s linear;
- -ms-transition: all .3s linear;
- -o-transition: all .3s linear;
- transition: all .3s linear;
+ -webkit-transition: all .2s linear;
+ -moz-transition: all .2s linear;
+ -ms-transition: all .2s linear;
+ -o-transition: all .2s linear;
+ transition: all .2s linear;
}
/* buttons hover */
input[type='reset']:hover,
input[type='submit']:hover,
.largeButtons ul li a:hover {
- border: 1px solid #999;
+ border: 1px solid #666;
color: #666;
text-decoration: none;
}
/* default buttons normal */
input[type='submit'],
.largeButtons ul li.default a {
- border: 1px solid #bcd;
+ border: 1px solid #69c;
color: #69c;
background-color: #e7f2fd;
/* default buttons hover */
input[type='submit']:hover,
.largeButtons ul li.default a:hover {
- border: 1px solid #69c;
+ border: 1px solid #369;
color: #369;
}
.boxTitle {
background-color: #369;
- /* Disabled, because the WoltLab header image is not LGPL
+ /* Disabled, because the WoltLab header-image is not LGPL
Activate it if you want to test your own header image */
/* background-image: url("../images/header.png"); */
background-position: left top;
-/* ToDo: Is all that really necessary? We wanted to support good browser only */
+/* ToDo: Is all that really necessary? We wanted to support good browsers only */
.ui-helper-clearfix {
display: inline-block;
color: #369;
font-size: 85%;
text-shadow: none;
- border-radius: 10px;
+ border-radius: 13px;
background-color: #fff;
margin-right: -3px;
margin-left: 3px;
/* Buttons */
.badgeButton {
- color: #666;
+ color: #999;
+ text-shadow: 0 1px 0 #fff;
border: 1px solid #999;
background-color: #fff;
margin-right: 0;
margin-left: 0;
padding: 3px 10px 5px;
+ text-decoration: none !important;
+
+ -webkit-transition: all .2s linear;
+ -moz-transition: all .2s linear;
+ -ms-transition: all .2s linear;
+ -o-transition: all .2s linear;
+ transition: all .2s linear;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
background-image: -o-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .1));
- text-decoration: none !important;
}
-a.badgeButton:hover {
- color: #333;
+.badgeButton:hover {
+ color: #666;
border: 1px solid #666;
background-color: #fefefe;
}
-a.badgeButton:active, a.badgeButton:focus {
- color: #333;
+.badgeButton:active, .badgeButton:focus {
+ color: #666;
background-image: -webkit-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
<script type="text/javascript" src="{@RELATIVE_WCF_DIR}js/MultiPagesLinks.class.js"></script>
<header class="mainHeading">
- <img src="{@RELATIVE_WCF_DIR}icon/sessionLogL.png" alt="" />
+ <img src="{@RELATIVE_WCF_DIR}icon/session1.svg" alt="" />
<hgroup>
- <h1>{lang}wcf.acp.sessionLog.access.view{/lang}</h1>
+ <h1>{lang}wcf.acp.sessionLog.access.list{/lang}</h1>
</hgroup>
</header>
<script type="text/javascript" src="{@RELATIVE_WCF_DIR}js/MultiPagesLinks.class.js"></script>
<header class="mainHeading">
- <img src="{@RELATIVE_WCF_DIR}icon/sessionLogL.png" alt="" />
+ <img src="{@RELATIVE_WCF_DIR}icon/session1.svg" alt="" />
<hgroup>
- <h1>{lang}wcf.acp.sessionLog.view{/lang}</h1>
+ <h1>{lang}wcf.acp.sessionLog.list{/lang}</h1>
</hgroup>
</header>
//<![CDATA[
$(function() {
{* TODO: Fix icon path *}
+ {* TODO: Please do not call these icons "plus" / "minus"! They may not look like that! Therefor i changed the names to "opener" / "closer". There should be a way to add a Suffix to the file name also, such as the deprecated size-suffix (s, m, l). We now use the number suffix "1, 2, …". Strict names are not very useful here. *}
WCF.Icon.addObject({
- 'wcf.global.minus': '{@RELATIVE_WCF_DIR}icon/minusS.png',
- 'wcf.global.plus': '{@RELATIVE_WCF_DIR}icon/plusS.png'
+ 'wcf.global.closer': '{@RELATIVE_WCF_DIR}icon/closer.svg',
+ 'wcf.global.opener': '{@RELATIVE_WCF_DIR}icon/opener.svg'
});
WCF.Collapsible.Simple.init();
</script>
<header class="mainHeading">
- <img src="{@RELATIVE_WCF_DIR}icon/cacheL.png" alt="" />
+ <img src="{@RELATIVE_WCF_DIR}icon/cache1.svg" alt="" />
<hgroup>
<h1>{lang}wcf.acp.cache.list{/lang}</h1>
</hgroup>
{counter name=cacheIndex assign=cacheIndex print=false start=0}
{if $files|count}
<div class="border boxTitle">
- <a class="collapsible" data-isOpen="1" data-collapsibleContainer="cache{@$cacheIndex}"><img src="{@RELATIVE_WCF_DIR}icon/minusS.png" alt="" title="ToDo: Collapsible" class="balloonTooltip" /></a>
+ <a class="collapsible" data-isOpen="1" data-collapsibleContainer="cache{@$cacheIndex}"><img src="{@RELATIVE_WCF_DIR}icon/boxOpener2.svg" alt="" title="ToDo: Collapsible" class="balloonTooltip" /></a>
<hgroup>
<h1>{$cache} <span class="badge" title="{lang}wcf.acp.cache.data.files.count{/lang}">{#$files|count}</span></h1>
</hgroup>
</header>
{if !$availableUpdates|count}
- <div class="border content">
- <p class="info">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
- </div>
+ <p class="info">{lang}wcf.acp.packageUpdate.noneAvailable{/lang}</p>
{else}
{foreach from=$availableUpdates item=availableUpdate}
<article class="message content"{if $availableUpdate.version.updateType == 'security'} style="border-color: #c00"{/if}>
<h1>{lang}wcf.acp.package.startInstall{/lang}</h1>
</hgroup>
{else}
- <img src="{@RELATIVE_WCF_DIR}icon/packageUpdateL.png" alt="" />
+ <img src="{@RELATIVE_WCF_DIR}icon/update1.svg" alt="" />
<hgroup class="headlineContainer">
<h1>{lang}wcf.acp.package.startUpdate{/lang}</h1>
</hgroup>
{if $package->packageURL != ''}
<dl>
<dt>{lang}wcf.acp.package.view.url{/lang}</dt>
- <dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->packageURL|rawurlencode}" class="externalURL">{$package->packageURL}</a></dd>
+ <dd><a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->packageURL|rawurlencode}" class="externalLink">{$package->packageURL}</a></dd>
</dl>
{/if}
{if $package->parentPackageID}
{/if}
<dl>
<dt>{lang}wcf.acp.package.view.author{/lang}</dt>
- <dd>{if $package->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->authorURL|rawurlencode}" class="badge badgeButton externalURL">{$package->author}</a>{else}{$package->author}{/if}</dd>
+ <dd>{if $package->authorURL}<a href="{@RELATIVE_WCF_DIR}acp/dereferrer.php?url={$package->authorURL|rawurlencode}" class="externalLink">{$package->author}</a>{else}{$package->author}{/if}</dd>
</dl>
{if $additionalFields|isset}{@$additionalFields}{/if}
{if $additionalFieldSets|isset}{@$additionalFieldSets}{/if}
- <nav>
- <ul class="tabMenu">
- {foreach from=$optionTree item=categoryLevel1}
- <li id="{@$categoryLevel1[object]->categoryName}"><a onclick="tabMenu.showSubTabMenu('{@$categoryLevel1[object]->categoryName}');"><span>{lang}wcf.acp.group.option.category.{@$categoryLevel1[object]->categoryName}{/lang}</span></a></li>
- {/foreach}
- </ul>
- </nav>
-
- {foreach from=$optionTree item=categoryLevel1}
- <div class="tabMenuContainer">
- <nav>
- <ul class="tabMenu">
- {foreach from=$categoryLevel1[categories] item=$categoryLevel2}
- <li><a href="#{@$categoryLevel1[object]->categoryName}-{@$categoryLevel2[object]->categoryName}">{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}{/lang}</a></li>
- {/foreach}
- </ul>
- </nav>
-
- {foreach from=$categoryLevel1[categories] item=categoryLevel2}
- <div class="border tabMenuContent hidden" id="{@$categoryLevel1[object]->categoryName}-{@$categoryLevel2[object]->categoryName}">
- <hgroup class="subHeading">
- <h1>{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}{/lang}</h1>
- <h2>{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}.description{/lang}</h2>
- </hgroup>
-
- {if $categoryLevel2[options]|count}
- {include file='optionFieldList' options=$categoryLevel2[options] langPrefix='wcf.acp.group.option.'}
- {/if}
-
- {if $categoryLevel2[categories]|count}
- {foreach from=$categoryLevel2[categories] item=categoryLevel3}
- <fieldset>
- <legend>{lang}wcf.acp.group.option.category.{@$categoryLevel3[object]->categoryName}{/lang}</legend>
- <p class="description">{lang}wcf.acp.group.option.category.{@$categoryLevel3[object]->categoryName}.description{/lang}</p>
-
- <div>
- {include file='optionFieldList' options=$categoryLevel3[options] langPrefix='wcf.acp.group.option.'}
- </div>
- </fieldset>
+ <!-- ToDo: Something's wrong with the structure of the tab-menu and the enclosed sub-menu! Tab-menus should have the same mark-up as on other pages and allow for an active state -->
+ <div class="tabMenuContainer">
+ <nav>
+ <ul class="tabMenu">
+ {foreach from=$optionTree item=categoryLevel1}
+ <li id="{@$categoryLevel1[object]->categoryName}"><a onclick="tabMenu.showSubTabMenu('{@$categoryLevel1[object]->categoryName}');"><span>{lang}wcf.acp.group.option.category.{@$categoryLevel1[object]->categoryName}{/lang}</span></a></li>
+ {/foreach}
+ </ul>
+ </nav>
+
+ {foreach from=$optionTree item=categoryLevel1}
+ <div class="tabMenuContainer">
+ <nav>
+ <ul class="menu">
+ {foreach from=$categoryLevel1[categories] item=$categoryLevel2}
+ <li><a href="#{@$categoryLevel1[object]->categoryName}-{@$categoryLevel2[object]->categoryName}">{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}{/lang}</a></li>
{/foreach}
- {/if}
-
- </div>
- {/foreach}
- </div>
- {/foreach}
+ </ul>
+ </nav>
+
+ {foreach from=$categoryLevel1[categories] item=categoryLevel2}
+ <div class="border tabMenuContent hidden" id="{@$categoryLevel1[object]->categoryName}-{@$categoryLevel2[object]->categoryName}">
+ <hgroup class="subHeading">
+ <h1>{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}{/lang}</h1>
+ <h2>{lang}wcf.acp.group.option.category.{@$categoryLevel2[object]->categoryName}.description{/lang}</h2>
+ </hgroup>
+
+ {if $categoryLevel2[options]|count}
+ {include file='optionFieldList' options=$categoryLevel2[options] langPrefix='wcf.acp.group.option.'}
+ {/if}
+
+ {if $categoryLevel2[categories]|count}
+ {foreach from=$categoryLevel2[categories] item=categoryLevel3}
+ <fieldset>
+ <legend>{lang}wcf.acp.group.option.category.{@$categoryLevel3[object]->categoryName}{/lang}</legend>
+ <p class="description">{lang}wcf.acp.group.option.category.{@$categoryLevel3[object]->categoryName}.description{/lang}</p>
+
+ <div>
+ {include file='optionFieldList' options=$categoryLevel3[options] langPrefix='wcf.acp.group.option.'}
+ </div>
+ </fieldset>
+ {/foreach}
+ {/if}
+
+ </div>
+ {/foreach}
+ </div>
+ {/foreach}
+ </div>
</div>
<div class="formSubmit">
</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
+ <polygon class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="1,3 7.5014648,14 14,3"/>\r
+ <polygon class="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 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 class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #000;" points="1,2.0004883 7.5009766,13 14,2.0004883"/>\r
+ <polygon class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="1,3 7.5014648,14 14,3"/>\r
+ </g>\r
+</svg>\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
+ <polygon class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="2,15 13,8.4985352 2,1"/>\r
+ <polygon 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>Box Opener 2</title> \r
+ <desc>Box Opener 2 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="IconBoxOpener2">\r
+ <polygon class="Upper" style="fill-rule: evenodd; clip-rule: evenodd; fill: #000;" points="2,14 13,7.4990234 2,1"/>\r
+ <polygon class="Lower" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" points="2,15 13,8.4985352 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>Cache</title> \r
+ <desc>Cache 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="IconCache">\r
+ <g class="Lower">\r
+ <path id="FrontsideArrows1" style="fill: #fff;" d="M14.5527344,5.9995117H1.4477539\r
+ c-0.2749023,0-0.4750977,0.2236328-0.4448242,0.4970703l0.9418945,8.0063477C1.9750977,14.7763672,2.2250977,15,2.5,15h11\r
+ c0.2753906,0,0.5244141-0.2236328,0.5556641-0.4970703l0.9414062-8.0063477\r
+ C15.0283203,6.2231445,14.828125,5.9995117,14.5527344,5.9995117z M9.3457031,14H7.1953125l-1.0742188-1.0771484h1.3818359\r
+ L4.5,9.9150391l0.7607422-0.7607422l3.0097656,3.0146484v-1.4003906l1.0751953,1.0771484V14z M10.7373047,11.8457031\r
+ L7.7324219,8.8466797v1.3857422l-1.078125-1.0771484V7h2.1572266L9.890625,8.0771484H8.4892578L11.5,11.0839844\r
+ L10.7373047,11.8457031z"/>\r
+ <path id="Backside1" style="fill: #fff;" d="M2,5.7294922V5.5C2,5.2250977,2.2250977,5,2.5,5h1C3.7749023,5,4,4.7749023,4,4.5\r
+ l0,0C4,4.2250977,4.2250977,4,4.5,4h3C7.7749023,4,8,4.2250977,8,4.5l0,0C8,4.7749023,8.2246094,5,8.5,5h5\r
+ C13.7753906,5,14,5.2250977,14,5.5v0.2294922H2z"/>\r
+ </g>\r
+ <g class="Upper">\r
+ <path id="FrontsideArrows2" style="fill: #666;" d="M14.5527344,4.9995117H1.4477539\r
+ c-0.2749023,0-0.4750977,0.2236328-0.4448242,0.4970703l0.9418945,8.0063477C1.9750977,13.7763672,2.2250977,14,2.5,14h11\r
+ c0.2753906,0,0.5244141-0.2236328,0.5556641-0.4970703l0.9414062-8.0063477\r
+ C15.0283203,5.2231445,14.828125,4.9995117,14.5527344,4.9995117z M9.3457031,13H7.1953125l-1.0742188-1.0771484h1.3818359\r
+ L4.5,8.9150391l0.7607422-0.7607422l3.0097656,3.0146484V9.7685547l1.0751953,1.0771484V13z M10.7373047,10.8457031\r
+ L7.7324219,7.8466797v1.3857422l-1.078125-1.0771484V6h2.1572266L9.890625,7.0771484H8.4892578L11.5,10.0839844\r
+ L10.7373047,10.8457031z"/>\r
+ <path id="Backside2" style="fill: #666;" d="M2,4.7294922V4.5C2,4.2250977,2.2250977,4,2.5,4h1C3.7749023,4,4,3.7749023,4,3.5\r
+ l0,0C4,3.2250977,4.2250977,3,4.5,3h3C7.7749023,3,8,3.2250977,8,3.5l0,0C8,3.7749023,8.2246094,4,8.5,4h5\r
+ C13.7753906,4,14,4.2250977,14,4.5v0.2294922H2z"/>\r
+ </g>\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>External Link</title> \r
+ <desc>External Link</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="IconExternalLink">\r
+ <g class="Lower">\r
+ <path id="LargeSquare1" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M4.4545898,3\r
+ C4.2045898,3,4,3.2045898,4,3.4545898v9.0913086C4,12.7958984,4.2045898,13,4.4545898,13h9.0913086\r
+ C13.7958984,13,14,12.7958984,14,12.5458984V3.4545898C14,3.2045898,13.7958984,3,13.5458984,3H4.4545898z M13,11.5146484\r
+ C13,11.7822266,12.7822266,12,12.5146484,12H5.484375C5.2182617,12,5,11.7822266,5,11.5146484V4.484375\r
+ C5,4.2182617,5.2182617,4,5.484375,4h7.0302734C12.7822266,4,13,4.2182617,13,4.484375V11.5146484z"/>\r
+ <path id="SmallSquare1" style="fill-rule: evenodd; clip-rule: evenodd; fill: #fff;" d="M9,13.5\r
+ C9,13.7753906,8.7749023,14,8.5,14h-5C3.2250977,14,3,13.7753906,3,13.5v-5C3,8.2246094,3.2250977,8,3.5,8V7h-1\r
+ C2.2250977,7,2,7.2250977,2,7.5v7C2,14.7753906,2.2250977,15,2.5,15h7c0.2753906,0,0.5-0.2246094,0.5-0.5v-1H9z"/>\r
+ </g>\r
+ <g class="Upper">\r
+ <path id="LargeSquare2" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M4.4545898,2\r
+ C4.2045898,2,4,2.2045898,4,2.4545898v9.0913086C4,11.7958984,4.2045898,12,4.4545898,12h9.0913086\r
+ C13.7958984,12,14,11.7958984,14,11.5458984V2.4545898C14,2.2045898,13.7958984,2,13.5458984,2H4.4545898z M13,10.5146484\r
+ C13,10.7822266,12.7822266,11,12.5146484,11H5.484375C5.2182617,11,5,10.7822266,5,10.5146484V3.484375\r
+ C5,3.2182617,5.2182617,3,5.484375,3h7.0302734C12.7822266,3,13,3.2182617,13,3.484375V10.5146484z"/>\r
+ <path id="SmallSquare2" style="fill-rule: evenodd; clip-rule: evenodd; fill: #369;" d="M9,12.5C9,12.7753906,8.7749023,13,8.5,13\r
+ h-5C3.2250977,13,3,12.7753906,3,12.5v-5C3,7.2250977,3.2250977,7,3.5,7V6h-1C2.2250977,6,2,6.2250977,2,6.5v7\r
+ C2,13.7753906,2.2250977,14,2.5,14h7c0.2753906,0,0.5-0.2246094,0.5-0.5v-1H9z"/>\r
+ </g>\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>Eye</title> \r
+ <desc>Eye 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="IconEye">\r
+ <g class="Lower">\r
+ <path id="Lids1" style="fill: #fff;" d="M8,4C4.409668,4,1,8.5,1,8.5S4.409668,13,8,13c3.5898438,0,7-4.5,7-4.5\r
+ S11.5898438,4,8,4z M8,11.75c-2.1796875,0-4.3369141-1.8105469-5.5-3.25C3.6635742,7.0605469,5.8208008,5.25,8,5.25\r
+ c2.1796875,0,4.3369141,1.8115234,5.5,3.2509766C12.3398438,9.9404297,10.1875,11.75,8,11.75z"/>\r
+ <path id="Pupil1" style="fill: #fff;" d="M8,5.9995117c-1.3808594,0-2.5,1.1191406-2.5,2.5C5.5,9.8798828,6.6191406,11,8,11\r
+ s2.5-1.1201172,2.5-2.5004883C10.5,7.1186523,9.3808594,5.9995117,8,5.9995117z M8,9.25c-0.4145508,0-0.75-0.3354492-0.75-0.75\r
+ S7.5854492,7.75,8,7.75S8.75,8.0854492,8.75,8.5S8.4145508,9.25,8,9.25z"/>\r
+ </g>\r
+ <g class="Upper">\r
+ <path id="Lids2" style="fill: #666;" d="M8,3C4.409668,3,1,7.5,1,7.5S4.409668,12,8,12c3.5898438,0,7-4.5,7-4.5S11.5898438,3,8,3\r
+ z M8,10.75c-2.1796875,0-4.3369141-1.8105469-5.5-3.25C3.6635742,6.0605469,5.8208008,4.25,8,4.25\r
+ c2.1796875,0,4.3369141,1.8115234,5.5,3.2509766C12.3398438,8.9404297,10.1875,10.75,8,10.75z"/>\r
+ <path id="Pupil2" style="fill: #666;" d="M8,4.9995117c-1.3808594,0-2.5,1.1191406-2.5,2.5C5.5,8.8798828,6.6191406,10,8,10\r
+ s2.5-1.1201172,2.5-2.5004883C10.5,6.1186523,9.3808594,4.9995117,8,4.9995117z M8,8.25c-0.4145508,0-0.75-0.3354492-0.75-0.75\r
+ S7.5854492,6.75,8,6.75S8.75,7.0854492,8.75,7.5S8.4145508,8.25,8,8.25z"/>\r
+ </g>\r
+ </g>\r
+</svg>\r