diff --git a/typo3/gfx/legend.gif b/typo3/gfx/legend.gif
deleted file mode 100644
index c27a7c90561658e5a733ae18cad8c1fefa018ebe..0000000000000000000000000000000000000000
Binary files a/typo3/gfx/legend.gif and /dev/null differ
diff --git a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
index 124c2193aef297ca2e61fe2b3a98da13bc869ab3..641c1f513069ebdaea367c04d0d5d1d1ba3b4211 100644
--- a/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
+++ b/typo3/sysext/beuser/Resources/Private/Templates/Permission/Index.html
@@ -83,16 +83,53 @@
<h3><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:Legend" />:</h3>
<div class="legend">
- <div class="pull-left">
- <f:image src="{f:uri.resource(path:'Images/legend.png')}" alt="" />
- </div>
- <small>
- <strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:1" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:1_t" /><br/>
- <strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:16" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:16_t" /><br/>
- <strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:2" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:2_t" /><br/>
- <strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:4" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:4_t" /><br/>
- <strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:8" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:8_t" />
- </small>
+ <table>
+ <tr>
+ <td nowrap="nowrap" class="edge"><span><span></span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap"><span class="number">1</span></td>
+ <td nowrap="nowrap"><strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:1" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:1_t" /></td>
+ </tr>
+ <tr>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="edge"><span><span></span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap"><span class="number">2</span></td>
+ <td nowrap="nowrap"><strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:16" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:16_t" /></td>
+ </tr>
+ <tr>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="edge"><span><span></span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap"><span class="number">3</span></td>
+ <td nowrap="nowrap"><strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:2" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:2_t" /></td>
+ </tr>
+ <tr>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="vr"><span></span></td>
+ <td nowrap="nowrap" class="edge"><span><span></span></span></td>
+ <td nowrap="nowrap" class="hr"><span></span></td>
+ <td nowrap="nowrap"><span class="number">4</span></td>
+ <td nowrap="nowrap"><strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:4" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:4_t" /></td>
+ </tr>
+ <tr>
+ <td nowrap="nowrap"><bu:spriteManagerIcon iconName="status-status-permission-granted" /></td>
+ <td nowrap="nowrap"><bu:spriteManagerIcon iconName="status-status-permission-denied" /></td>
+ <td nowrap="nowrap"><bu:spriteManagerIcon iconName="status-status-permission-granted" /></td>
+ <td nowrap="nowrap"><bu:spriteManagerIcon iconName="status-status-permission-denied" /></td>
+ <td nowrap="nowrap"><bu:spriteManagerIcon iconName="status-status-permission-denied" /></td>
+ <td nowrap="nowrap"><span class="number">5</span></td>
+ <td nowrap="nowrap"><strong><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:8" /></strong>: <f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:8_t" /></td>
+ </tr>
+ </table>
</div>
<p><f:translate key="LLL:EXT:beuser/Resources/Private/Language/locallang_mod_permission.xlf:def" /></p>
<p>
diff --git a/typo3/sysext/beuser/Resources/Public/Css/style.css b/typo3/sysext/beuser/Resources/Public/Css/style.css
old mode 100644
new mode 100755
index f7502b1b55c3cf451f3fd5986f5d6a08c7f01235..3f090d4a04d3127270ceb76b8b0239cc6c36aec2
--- a/typo3/sysext/beuser/Resources/Public/Css/style.css
+++ b/typo3/sysext/beuser/Resources/Public/Css/style.css
@@ -27,3 +27,56 @@ div.collapsibleSection { background-color: #ededed; border-top: 1px solid #cdcdc
.legend .pull-left {
margin-right: 0.5em;
}
+
+.legend td {
+ overflow:hidden;
+}
+
+.legend span.t3-icon {
+ margin-right: 0;
+}
+
+.number {
+ border: 1px solid #000000;
+ border-radius: 2px;
+ width: 16px;
+ height: 16px;
+ display: inline-block;
+ text-align: center;
+ margin-right: 5px;
+ margin-left: 10px;
+ line-height: 14px;
+ font-weight: bold;
+}
+
+.edge span {
+ width: 1px;
+ height: 10px;
+ background: #000000;
+ display: block;
+ margin-top: 8px;
+ margin-left: 6px;
+}
+.edge span span {
+ width: 10px;
+ height: 1px;
+ background: #000000;
+ display: block;
+ margin-left: 1px;
+}
+.hr span {
+ width: 20px;
+ height: 1px;
+ background: #000000;
+ display: block;
+ margin-top: -1px;
+ margin-left: -4px;
+}
+.vr span {
+ width: 1px;
+ height: 20px;
+ background: #000000;
+ margin-top: -2px;
+ margin-left: 6px;
+ display: block;
+}
diff --git a/typo3/sysext/beuser/Resources/Public/Images/legend.png b/typo3/sysext/beuser/Resources/Public/Images/legend.png
deleted file mode 100644
index ecc784c0b125e0ddf0050c086e8ab744ecd7d059..0000000000000000000000000000000000000000
Binary files a/typo3/sysext/beuser/Resources/Public/Images/legend.png and /dev/null differ