Some missing icons, some GUI improvements, some ToDo comments.
authorLuzifr <szekely@woltlab.com>
Thu, 25 Aug 2011 23:29:57 +0000 (01:29 +0200)
committerLuzifr <szekely@woltlab.com>
Thu, 25 Aug 2011 23:29:57 +0000 (01:29 +0200)
15 files changed:
wcfsetup/install/files/acp/style/testing.css
wcfsetup/install/files/acp/templates/acpSessionLog.tpl
wcfsetup/install/files/acp/templates/acpSessionLogList.tpl
wcfsetup/install/files/acp/templates/cacheList.tpl
wcfsetup/install/files/acp/templates/packageAutoUpdateList.tpl
wcfsetup/install/files/acp/templates/packageStartInstall.tpl
wcfsetup/install/files/acp/templates/packageView.tpl
wcfsetup/install/files/acp/templates/userGroupAdd.tpl
wcfsetup/install/files/icon/boxCloser.svg [changed mode: 0644->0755]
wcfsetup/install/files/icon/boxCloser2.svg [new file with mode: 0755]
wcfsetup/install/files/icon/boxOpener.svg [changed mode: 0644->0755]
wcfsetup/install/files/icon/boxOpener2.svg [new file with mode: 0755]
wcfsetup/install/files/icon/cache1.svg [new file with mode: 0644]
wcfsetup/install/files/icon/externalLink.svg [new file with mode: 0644]
wcfsetup/install/files/icon/session1.svg [new file with mode: 0644]

index 808cd7cbfcd4c2c39f55c16c2ab89e116b2c9bd6..921a5f9542ccd8776ca79bd4c3025620bddc577d 100644 (file)
@@ -43,6 +43,13 @@ a:hover {
        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;
 }
@@ -62,7 +69,7 @@ hr {
 /* -- -- -- -- -- 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;
@@ -704,7 +711,7 @@ textarea {
        width: 95%;
 }
 
-/*
+/* that's not nice! 
 select {
        width: 95%;
 }
@@ -751,7 +758,7 @@ input[type='reset'],
 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;
@@ -766,18 +773,18 @@ input[type='submit'],
        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;
 }
@@ -821,7 +828,7 @@ input[type='submit']:active,
 /* default buttons normal */
 input[type='submit'],
 .largeButtons ul li.default a {
-       border: 1px solid #bcd;
+       border: 1px solid #69c;
        color: #69c;
        
        background-color: #e7f2fd;
@@ -871,7 +878,7 @@ input[type='submit'],
 /* default buttons hover */
 input[type='submit']:hover,
 .largeButtons ul li.default a:hover {
-       border: 1px solid #69c;
+       border: 1px solid #369;
        color: #369;
 }
 
@@ -913,7 +920,7 @@ input[type='submit']:active,
 
 .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;
@@ -1516,7 +1523,7 @@ div.ui-widget-overlay {
 
 
 
-/* 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;
@@ -1551,7 +1558,7 @@ div.ui-widget-overlay {
        color: #369;
        font-size: 85%;
        text-shadow: none;
-       border-radius: 10px;
+       border-radius: 13px;
        background-color: #fff;
        margin-right: -3px;
        margin-left: 3px;
@@ -1590,29 +1597,36 @@ div.ui-widget-overlay {
 /* 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));
index 0f550bc595d464fd0c3617b9d6c759200720b52f..404c92a16b4570693057c202e36a74d52ddd5ece 100644 (file)
@@ -3,9 +3,9 @@
 <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>
 
index 92c8ef17ba84748ea0a557fdbccaeb79546cefcb..2449112c9451b00719a3c9bdfc55fe06f22ace1e 100644 (file)
@@ -3,9 +3,9 @@
 <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>
 
index 98294c859d57798b56955b17e0cecf631290c7dc..9be22f46542435540a5b034fd2c85798106d88cc 100644 (file)
@@ -4,9 +4,10 @@
        //<![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();
@@ -15,7 +16,7 @@
 </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>
@@ -63,7 +64,7 @@
        {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>
index fb42531236013ac4518eb34e0bc122e97e97c056..c311faa27ffdb4214df366e493e4d7980e0e1560 100644 (file)
@@ -33,9 +33,7 @@
        </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}>
index d55f288d6b9d1620af5d1bb04f9d40a0ffb6cf15..18106aec4672b699a2a7a6d1f104ab374eabb462 100644 (file)
@@ -7,7 +7,7 @@
                        <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>
index 5762e1828435036df6bcf42dba5c848ea5a93f46..2ad827d187c75677d46dcec9227dc99372f659ed 100644 (file)
@@ -56,7 +56,7 @@
        {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}
@@ -67,7 +67,7 @@
        {/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}
index eae70f5cf08a5d1c97dc7c035fbda3be9f4ae16c..2903001df499c2116e89b46f396b1f3161da0ea5 100644 (file)
        
                {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">
old mode 100644 (file)
new mode 100755 (executable)
index 079afe5..bb1694b
@@ -17,7 +17,7 @@
        </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
diff --git a/wcfsetup/install/files/icon/boxCloser2.svg b/wcfsetup/install/files/icon/boxCloser2.svg
new file mode 100755 (executable)
index 0000000..203a2af
--- /dev/null
@@ -0,0 +1,23 @@
+<?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
old mode 100644 (file)
new mode 100755 (executable)
index 24eccf1..0d58ab9
@@ -17,7 +17,7 @@
        </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
diff --git a/wcfsetup/install/files/icon/boxOpener2.svg b/wcfsetup/install/files/icon/boxOpener2.svg
new file mode 100755 (executable)
index 0000000..0553ca3
--- /dev/null
@@ -0,0 +1,23 @@
+<?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
diff --git a/wcfsetup/install/files/icon/cache1.svg b/wcfsetup/install/files/icon/cache1.svg
new file mode 100644 (file)
index 0000000..367c6d4
--- /dev/null
@@ -0,0 +1,45 @@
+<?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
diff --git a/wcfsetup/install/files/icon/externalLink.svg b/wcfsetup/install/files/icon/externalLink.svg
new file mode 100644 (file)
index 0000000..02040db
--- /dev/null
@@ -0,0 +1,41 @@
+<?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
diff --git a/wcfsetup/install/files/icon/session1.svg b/wcfsetup/install/files/icon/session1.svg
new file mode 100644 (file)
index 0000000..b450146
--- /dev/null
@@ -0,0 +1,37 @@
+<?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