[TASK] Extension Manager: Add icons and language labels
authorJigal van Hemert <jigal@xs4all.nl>
Thu, 11 Oct 2012 07:15:29 +0000 (09:15 +0200)
committerHelmut Hummel <helmut.hummel@typo3.org>
Mon, 15 Oct 2012 19:50:43 +0000 (21:50 +0200)
Add icons and language labels for Extension manager, titles on links.
Move text from templates to language labels.

Change-Id: If68c6481ee9bdca58b92cbb45ecba4d181b1b1b4
Resolves: #41812
Releases: 6.0
Reviewed-on: http://review.typo3.org/15499
Reviewed-by: Jigal van Hemert
Tested-by: Jigal van Hemert
Reviewed-by: Anja Leichsenring
Tested-by: Anja Leichsenring
Reviewed-by: Helmut Hummel
Tested-by: Helmut Hummel
18 files changed:
t3lib/stddb/tables.php
typo3/sysext/extensionmanager/Classes/ViewHelpers/ConfigureExtensionViewHelper.php
typo3/sysext/extensionmanager/Classes/ViewHelpers/DownloadExtensionDataViewHelper.php
typo3/sysext/extensionmanager/Classes/ViewHelpers/RemoveExtensionViewHelper.php
typo3/sysext/extensionmanager/Classes/ViewHelpers/ToggleExtensionInstallationStateViewHelper.php
typo3/sysext/extensionmanager/Resources/Private/Language/locallang.xlf
typo3/sysext/extensionmanager/Resources/Private/Layouts/Main.html
typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerShowVersionsTable.html
typo3/sysext/extensionmanager/Resources/Private/Partials/List/TerTable.html
typo3/sysext/extensionmanager/Resources/Private/Templates/Configuration/ShowConfigurationForm.html
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Index.html
typo3/sysext/extensionmanager/Resources/Private/Templates/List/ShowAllVersions.html
typo3/sysext/extensionmanager/Resources/Private/Templates/List/Ter.html
typo3/sysext/extensionmanager/Resources/Private/Templates/UploadExtensionFile/Form.html
typo3/sysext/t3skin/images/icons/actions/system-extension-configure.png [new file with mode: 0644]
typo3/sysext/t3skin/images/icons/actions/system-extension-sqldump.png [new file with mode: 0644]
typo3/sysext/t3skin/images/sprites/t3skin.png
typo3/sysext/t3skin/stylesheets/sprites/t3skin.css

index ddac32d..16b25fd 100644 (file)
@@ -765,10 +765,12 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
        'actions-system-cache-clear-impact-low',
        'actions-system-cache-clear-impact-medium',
        'actions-system-cache-clear-rte',
+       'actions-system-extension-configure',
        'actions-system-extension-documentation',
        'actions-system-extension-download',
        'actions-system-extension-import',
        'actions-system-extension-install',
+       'actions-system-extension-sqldump',
        'actions-system-extension-uninstall',
        'actions-system-extension-update',
        'actions-system-help-open',
@@ -1009,6 +1011,7 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
        'status-warning-in-use',
        'status-warning-lock'
 );
+
 $GLOBALS['TBE_STYLES']['spriteIconApi']['spriteIconRecordOverlayPriorities'] = array(
        'deleted',
        'hidden',
index 4210025..03f2c0e 100644 (file)
@@ -57,8 +57,8 @@ class ConfigureExtensionViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\Link\Act
                                )
                        ), 'Configuration');
                        $this->tag->addAttribute('href', $uri);
-                       $label = 'Configure';
-                       $this->tag->setContent($label);
+                       $this->tag->addAttribute('title', \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.configure', 'extensionmanager'));
+                       $this->tag->setContent(\TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-system-extension-configure'));
                        $tag = $this->tag->render();
                }
                return $tag;
index 23175cf..4742530 100644 (file)
@@ -59,8 +59,8 @@ class DownloadExtensionDataViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\Link\
                $this->tag->addAttribute('href', $uri);
                $cssClass = 'downloadExtensionData';
                $this->tag->addAttribute('class', $cssClass);
-               $label = 'Download SQL Dump';
-               $this->tag->setContent($label);
+               $this->tag->addAttribute('title', \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.downloadsql', 'extensionmanager'));
+               $this->tag->setContent(\TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-system-extension-sqldump'));
                return $this->tag->render();
        }
 
index a1bcb6f..6ed33c7 100644 (file)
@@ -66,8 +66,8 @@ class RemoveExtensionViewHelper extends \TYPO3\CMS\Fluid\ViewHelpers\Link\Action
                        $cssClass .= ' isLoadedWarning';
                }
                $this->tag->addAttribute('class', $cssClass);
-               $label = 'Remove';
-               $this->tag->setContent($label);
+               $this->tag->addAttribute('title', \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.remove', 'extensionmanager'));
+               $this->tag->setContent(\TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-edit-delete'));
                return $this->tag->render();
        }
 
index ec1f919..03a9948 100644 (file)
@@ -60,8 +60,10 @@ class ToggleExtensionInstallationStateViewHelper extends \TYPO3\CMS\Fluid\ViewHe
                        'extension' => $extension['key']
                ), 'Action');
                $this->tag->addAttribute('href', $uri);
-               $label = $extension['installed'] ? 'Deactivate' : 'Activate';
-               $this->tag->setContent($label);
+               $label = $extension['installed'] ? 'deactivate' : 'activate';
+               $this->tag->addAttribute('title', \TYPO3\CMS\Extbase\Utility\LocalizationUtility::translate('extensionList.' . $label, 'extensionmanager'));
+               $icon = $extension['installed'] ? 'uninstall' : 'install';
+               $this->tag->setContent(\TYPO3\CMS\Backend\Utility\IconUtility::getSpriteIcon('actions-system-extension-' . $icon));
                return $this->tag->render();
        }
 
index f051d49..2e39600 100644 (file)
                        <trans-unit id="extConfTemplate.submitButton" xml:space="preserve">
                                <source>Submit</source>
                        </trans-unit>
+                       <trans-unit id="extensionList.configure" xml:space="preserve">
+                               <source>Configure</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.downloadsql" xml:space="preserve">
+                               <source>Download SQL Dump</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.remove" xml:space="preserve">
+                               <source>Remove</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.update" xml:space="preserve">
+                               <source>Update</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.deactivate" xml:space="preserve">
+                               <source>Deactivate</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.activate" xml:space="preserve">
+                               <source>Activate</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.downloadzip" xml:space="preserve">
+                               <source>Download as zip</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.uploadExtension" xml:space="preserve">
+                               <source>Upload Extension .t3x/.zip</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.loading" xml:space="preserve">
+                               <source>Loading form...</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.update" xml:space="preserve">
+                               <source>Upd.</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.title.update" xml:space="preserve">
+                               <source>Update</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.activate" xml:space="preserve">
+                               <source>A/D</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.title.activate" xml:space="preserve">
+                               <source>Activate / Deactivate</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.extensionName" xml:space="preserve">
+                               <source>Extension</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.extensionKey" xml:space="preserve">
+                               <source>Key</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.extensionVersion" xml:space="preserve">
+                               <source>Version</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.extensionActions" xml:space="preserve">
+                               <source>Actions</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.extensionState" xml:space="preserve">
+                               <source>State</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.uploadComment" xml:space="preserve">
+                               <source>Upload Comment</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.lastUpdate" xml:space="preserve">
+                               <source>Last Updated</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.description" xml:space="preserve">
+                               <source>Description</source>
+                       </trans-unit>
+                       <trans-unit id="extensionList.header.author" xml:space="preserve">
+                               <source>Author</source>
+                       </trans-unit>
+                       <trans-unit id="searchTemplate.submitButton" xml:space="preserve">
+                               <source>Submit</source>
+                       </trans-unit>
+                       <trans-unit id="searchTemplate.resetSearchButton" xml:space="preserve">
+                               <source>Reset Search</source>
+                       </trans-unit>
+                       <trans-unit id="searchTemplate.yourSearch" xml:space="preserve">
+                               <source>Your search</source>
+                       </trans-unit>
+                       <trans-unit id="uploadTemplate.uploadButton" xml:space="preserve">
+                               <source>Upload!</source>
+                       </trans-unit>
+                       <trans-unit id="uploadTemplate.extensionLabel" xml:space="preserve">
+                               <source>Extension</source>
+                       </trans-unit>
                </body>
        </file>
 </xliff>
index 6e4ead9..66e9b47 100644 (file)
@@ -19,7 +19,7 @@
 
 <div id="typo3-docheader">
        <div id="typo3-docheader-row1">
-               &nbsp;
+               <f:render section="docHeaderRow1" />
        </div>
        <div id="typo3-docheader-row2">
                <f:render section="docHeaderRow2" />
index 097ba33..034c1f7 100644 (file)
@@ -1,11 +1,11 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 <thead>
 <tr>
-       <th>Title</th>
-       <th>Upload Comment</th>
-       <th>Last Updated</th>
-       <th>State</th>
-       <th>Actions</th>
+       <th><f:translate key="extensionList.header.extensionName"/></th>
+       <th><f:translate key="extensionList.header.uploadComment"/></th>
+       <th><f:translate key="extensionList.header.lastUpdate"/></th>
+       <th><f:translate key="extensionList.header.extensionState"/></th>
+       <th><f:translate key="extensionList.header.extensionActions"/></th>
 </tr>
 </thead>
 <tbody>
index 7401575..ee47553 100644 (file)
@@ -1,12 +1,12 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 <thead>
        <tr>
-               <th>Title</th>
-               <th>Key</th>
-               <th>Description</th>
-               <th>Author</th>
-               <th>State</th>
-               <th>Actions</th>
+               <th><f:translate key="extensionList.header.extensionName"/></th>
+               <th><f:translate key="extensionList.header.extensionKey"/></th>
+               <th><f:translate key="extensionList.header.description"/></th>
+               <th><f:translate key="extensionList.header.author"/></th>
+               <th><f:translate key="extensionList.header.extensionState"/></th>
+               <th><f:translate key="extensionList.header.extensionActions"/></th>
        </tr>
 </thead>
 <tbody>
index 7276246..60098d1 100644 (file)
@@ -1,5 +1,7 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 <f:layout name="main" />
+<f:section name="docHeaderRow1">
+</f:section>
 <f:section name="docHeaderRow2">
        <span class="back">
                <f:link.action action="index" controller="List" additionalParams="{search:extension.key}">
index 94c7547..48a2558 100644 (file)
@@ -1,6 +1,9 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 
 <f:layout name="main" />
+<f:section name="docHeaderRow1">
+    <f:be.buttons.icon uri="{f:uri.action(action:'form',controller:'UploadExtensionFile')}" icon="actions-edit-upload" title="{f:translate(key:'extensionList.uploadExtension')}"/>
+</f:section>
 <f:section name="docHeaderRow2">
 </f:section>
 <f:section name="Content">
                <div class="typo3-extensionmanager-headerRowLeft">
                </div>
                <div class="typo3-extensionmanager-headerRowRight">
-                       <f:link.action action="form" controller="UploadExtensionFile" class="uploadExtension">Upload Extension .t3x/.zip</f:link.action>
-                       <div class="uploadForm" style="display:none;">Loading form...<span class="spinner"></span></div>
+                       <div class="uploadForm" style="display:none;"><f:translate key="extensionList.loading"/><span class="spinner"></span></div>
                </div>
        </div>
        <table id="typo3-extension-list" class="typo3-extension-list">
                <thead>
                        <tr>
-                               <th title="Update">Upd.</th>
-                               <th title="Activate / Deactivate">A/D</th>
-                               <th>Extension</th>
-                               <th>Key</th>
-                               <th>Version</th>
-                               <th>Actions</th>
-                               <th>State</th>
+                               <th title="{f:translate(key:'extensionList.header.title.update')}"><f:translate key="extensionList.header.update"/></th>
+                               <th title="{f:translate(key:'extensionList.header.title.activate')}"><f:translate key="extensionList.header.activate"/></th>
+                               <th><f:translate key="extensionList.header.extensionName"/></th>
+                               <th><f:translate key="extensionList.header.extensionKey"/></th>
+                               <th><f:translate key="extensionList.header.extensionVersion"/></th>
+                               <th><f:translate key="extensionList.header.extensionActions"/></th>
+                               <th><f:translate key="extensionList.header.extensionState"/></th>
                        </tr>
                </thead>
                <tbody>
@@ -42,7 +44,7 @@
                                                        arguments="{extension:extension.key, integerVersion: extension.terObject.integerVersion}"
                                                        class="updateAvailable"
                                                        format="json"
-                                               >Update</f:link.action>
+                                               ><f:translate key="extensionList.update"/></f:link.action>
                                        </f:if>
                                </td>
                                <td>
@@ -68,7 +70,7 @@
                                <td>
                                        <em:configureExtension extension="{extension}" />
                                        <em:removeExtension extension="{extension}" />
-                                       <f:link.action action="downloadExtensionZip" controller="Action" arguments="{extension:extension.key}" class="zipDownload">Download as zip</f:link.action>
+                    <f:be.buttons.icon uri="{f:uri.action(action:'downloadExtensionZip',controller:'Action',arguments:'{extension:extension.key}')}" icon="actions-system-extension-download" title="{f:translate(key:'extensionList.downloadzip')}"/>
                                        <em:downloadExtensionData extension="{extension}" />
                                </td>
                                <td class="{extension.state}">
index c07a53e..3a42274 100644 (file)
@@ -1,17 +1,19 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 
 <f:layout name="main"/>
+<f:section name="docHeaderRow1">
+</f:section>
 <f:section name="docHeaderRow2">
 </f:section>
 
 <f:section name="Content">
        <f:form action="ter">
                <f:form.textfield name="search" value="{search}" />
-               <f:form.submit value="Submit"/>
+               <f:form.submit value="{f:translate(key:'searchTemplate.submitButton')}"/>
        </f:form>
        <f:form action="ter">
                <f:form.hidden name="reset" value="1" />
-               <f:form.submit value="Reset Search"/>
+               <f:form.submit value="{f:translate(key:'searchTemplate.resetSearchButton')}"/>
        </f:form>
        <f:widget.paginate objects="{extensions}" as="paginatedExtensions" configuration="{itemsPerPage: 15, maximumNumberOfLinks: 2}">
        <table id="terVersionTable" class="typo3-extension-list">
index d2c0ee9..461712f 100644 (file)
@@ -1,6 +1,8 @@
 {namespace em=TYPO3\CMS\Extensionmanager\ViewHelpers}
 
 <f:layout name="main"/>
+<f:section name="docHeaderRow1">
+</f:section>
 <f:section name="docHeaderRow2">
 </f:section>
 <f:section name="Content">
@@ -8,7 +10,7 @@
                <f:then>
                        <div class="headerRow">
                                <div class="typo3-extensionmanager-headerRowLeft">
-                                       Your search: <f:link.action action="ter" controller="List"><span class="pill">x {search}</span></f:link.action>
+                                       <f:translate key="searchTemplate.yourSearch"/>: <f:link.action action="ter" controller="List"><span class="pill">x {search}</span></f:link.action>
                                </div>
                        </div>
                        <table id="terSearchTable" class="typo3-extension-list">
@@ -20,7 +22,7 @@
                                <div class="typo3-extensionmanager-headerRowLeft">
                                        <f:form action="ter">
                                                <f:form.textfield name="search" value="{search}" />
-                                               <f:form.submit value="Submit"/>
+                                               <f:form.submit value="{f:translate(key:'searchTemplate.submitButton')}"/>
                                        </f:form>
                                </div>
                                <div class="typo3-extensionmanager-headerRowRight">
index ac00b1f..26097e6 100644 (file)
@@ -1,6 +1,6 @@
 <f:form enctype="multipart/form-data" method="post" controller="UploadExtensionFile" action="extract" format="json" additionalAttributes="{target:'typo3-extensionmanager-upload-target'}">
-       Extension:
+       <f:translate key="uploadTemplate.extensionLabel"/>:
        <f:form.upload name="extensionFile"/>
-       <f:form.submit value="Upload!" id="extensionUpload"/>
+       <f:form.submit value="{f:translate(key:'uploadTemplate.uploadButton')}" id="extensionUpload"/>
        <iframe id="typo3-extensionmanager-upload-target" style="display: none;"></iframe>
 </f:form>
\ No newline at end of file
diff --git a/typo3/sysext/t3skin/images/icons/actions/system-extension-configure.png b/typo3/sysext/t3skin/images/icons/actions/system-extension-configure.png
new file mode 100644 (file)
index 0000000..47b75a4
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/actions/system-extension-configure.png differ
diff --git a/typo3/sysext/t3skin/images/icons/actions/system-extension-sqldump.png b/typo3/sysext/t3skin/images/icons/actions/system-extension-sqldump.png
new file mode 100644 (file)
index 0000000..9ace313
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/actions/system-extension-sqldump.png differ
index a67789f..212796c 100644 (file)
Binary files a/typo3/sysext/t3skin/images/sprites/t3skin.png and b/typo3/sysext/t3skin/images/sprites/t3skin.png differ
index 7b86f0a..c31779d 100644 (file)
@@ -1,24 +1,24 @@
 
 .t3-icon-actions {
-       background-image: url('../../images/sprites/t3skin.png?1341895083') !important;
+       background-image: url('../../images/sprites/t3skin.png?1349938626') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-apps {
-       background-image: url('../../images/sprites/t3skin.png?1341895083') !important;
+       background-image: url('../../images/sprites/t3skin.png?1349938626') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-mimetypes {
-       background-image: url('../../images/sprites/t3skin.png?1341895083') !important;
+       background-image: url('../../images/sprites/t3skin.png?1349938626') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-status {
-       background-image: url('../../images/sprites/t3skin.png?1341895083') !important;
+       background-image: url('../../images/sprites/t3skin.png?1349938626') !important;
        height: 16px;
        width: 16px;
 }
        background-position: -90px -54px !important;
 
 }
-.t3-icon-system-extension-documentation {
+.t3-icon-system-extension-configure {
        background-position: -180px -54px !important;
 
 }
-.t3-icon-system-extension-download {
+.t3-icon-system-extension-documentation {
        background-position: -198px -54px !important;
 
 }
-.t3-icon-system-extension-import {
+.t3-icon-system-extension-download {
        background-position: -216px -54px !important;
 
 }
-.t3-icon-system-extension-install {
+.t3-icon-system-extension-import {
        background-position: -234px -54px !important;
 
 }
-.t3-icon-system-extension-uninstall {
+.t3-icon-system-extension-install {
        background-position: -252px -54px !important;
 
 }
-.t3-icon-system-extension-update {
+.t3-icon-system-extension-sqldump {
        background-position: -270px -54px !important;
 
 }
-.t3-icon-system-help-open {
+.t3-icon-system-extension-uninstall {
        background-position: -288px -54px !important;
 
 }
-.t3-icon-system-list-open {
+.t3-icon-system-extension-update {
        background-position: -306px -54px !important;
 
 }
-.t3-icon-system-options-view {
+.t3-icon-system-help-open {
        background-position: -0px -72px !important;
 
 }
-.t3-icon-system-pagemodule-open {
+.t3-icon-system-list-open {
        background-position: -18px -72px !important;
 
 }
-.t3-icon-system-refresh {
+.t3-icon-system-options-view {
        background-position: -36px -72px !important;
 
 }
-.t3-icon-system-shortcut-new {
+.t3-icon-system-pagemodule-open {
        background-position: -54px -72px !important;
 
 }
-.t3-icon-system-tree-search-open {
+.t3-icon-system-refresh {
        background-position: -72px -72px !important;
 
 }
-.t3-icon-system-typoscript-documentation-open {
+.t3-icon-system-shortcut-new {
+       background-position: -90px -72px !important;
+
+}
+.t3-icon-system-tree-search-open {
        background-position: -108px -72px !important;
 
 }
+.t3-icon-system-typoscript-documentation-open {
+       background-position: -144px -72px !important;
+
+}
 .t3-icon-system-typoscript-documentation {
-       background-position: -90px -72px !important;
+       background-position: -126px -72px !important;
 
 }
 .t3-icon-template-new {
-       background-position: -126px -72px !important;
+       background-position: -162px -72px !important;
 
 }
 .t3-icon-version-document-remove {
-       background-position: -144px -72px !important;
+       background-position: -180px -72px !important;
 
 }
 .t3-icon-version-page-open {
-       background-position: -162px -72px !important;
+       background-position: -198px -72px !important;
 
 }
 .t3-icon-version-swap-version {
-       background-position: -180px -72px !important;
+       background-position: -216px -72px !important;
 
 }
 .t3-icon-version-swap-workspace {
-       background-position: -198px -72px !important;
+       background-position: -234px -72px !important;
 
 }
 .t3-icon-version-workspace-preview {
-       background-position: -216px -72px !important;
+       background-position: -252px -72px !important;
 
 }
 .t3-icon-version-workspace-sendtostage {
-       background-position: -234px -72px !important;
+       background-position: -270px -72px !important;
 
 }
 .t3-icon-view-go-back {
-       background-position: -252px -72px !important;
+       background-position: -288px -72px !important;
 
 }
 .t3-icon-view-go-down {
-       background-position: -270px -72px !important;
+       background-position: -306px -72px !important;
 
 }
 .t3-icon-view-go-forward {
-       background-position: -288px -72px !important;
+       background-position: -0px -90px !important;
 
 }
 .t3-icon-view-go-up {
-       background-position: -306px -72px !important;
+       background-position: -18px -90px !important;
 
 }
 .t3-icon-view-list-collapse {
-       background-position: -0px -90px !important;
+       background-position: -36px -90px !important;
 
 }
 .t3-icon-view-list-expand {
-       background-position: -18px -90px !important;
+       background-position: -54px -90px !important;
 
 }
 .t3-icon-view-paging-first-disabled {
-       background-position: -54px -90px !important;
+       background-position: -90px -90px !important;
 
 }
 .t3-icon-view-paging-first {
-       background-position: -36px -90px !important;
+       background-position: -72px -90px !important;
 
 }
 .t3-icon-view-paging-last-disabled {
-       background-position: -90px -90px !important;
+       background-position: -126px -90px !important;
 
 }
 .t3-icon-view-paging-last {
-       background-position: -72px -90px !important;
+       background-position: -108px -90px !important;
 
 }
 .t3-icon-view-paging-next-disabled {
-       background-position: -126px -90px !important;
+       background-position: -162px -90px !important;
 
 }
 .t3-icon-view-paging-next {
-       background-position: -108px -90px !important;
+       background-position: -144px -90px !important;
 
 }
 .t3-icon-view-paging-previous-disabled {
-       background-position: -162px -90px !important;
+       background-position: -198px -90px !important;
 
 }
 .t3-icon-view-paging-previous {
-       background-position: -144px -90px !important;
+       background-position: -180px -90px !important;
 
 }
 .t3-icon-view-table-collapse {
-       background-position: -180px -90px !important;
+       background-position: -216px -90px !important;
 
 }
 .t3-icon-view-table-expand {
-       background-position: -198px -90px !important;
+       background-position: -234px -90px !important;
 
 }
 .t3-icon-window-open {
-       background-position: -216px -90px !important;
+       background-position: -252px -90px !important;
 
 }
 .t3-icon-clipboard-images {
-       background-position: -234px -90px !important;
+       background-position: -270px -90px !important;
 
 }
 .t3-icon-clipboard-list {
-       background-position: -252px -90px !important;
+       background-position: -288px -90px !important;
 
 }
 .t3-icon-filetree-folder-add {
-       background-position: -270px -90px !important;
+       background-position: -306px -90px !important;
 
 }
 .t3-icon-filetree-folder-default {
-       background-position: -288px -90px !important;
+       background-position: -0px -108px !important;
 
 }
 .t3-icon-filetree-folder-list {
-       background-position: -306px -90px !important;
+       background-position: -18px -108px !important;
 
 }
 .t3-icon-filetree-folder-locked {
-       background-position: -0px -108px !important;
+       background-position: -36px -108px !important;
 
 }
 .t3-icon-filetree-folder-media {
-       background-position: -18px -108px !important;
+       background-position: -54px -108px !important;
 
 }
 .t3-icon-filetree-folder-news {
-       background-position: -36px -108px !important;
+       background-position: -72px -108px !important;
 
 }
 .t3-icon-filetree-folder-opened {
-       background-position: -54px -108px !important;
+       background-position: -90px -108px !important;
 
 }
 .t3-icon-filetree-folder-recycler {
-       background-position: -72px -108px !important;
+       background-position: -108px -108px !important;
 
 }
 .t3-icon-filetree-folder-temp {
-       background-position: -90px -108px !important;
+       background-position: -126px -108px !important;
 
 }
 .t3-icon-filetree-folder-user {
-       background-position: -108px -108px !important;
+       background-position: -144px -108px !important;
 
 }
 .t3-icon-filetree-mount {
-       background-position: -126px -108px !important;
+       background-position: -162px -108px !important;
 
 }
 .t3-icon-filetree-root {
-       background-position: -144px -108px !important;
+       background-position: -180px -108px !important;
 
 }
 .t3-icon-irre-collapsed {
 
 }
 .t3-icon-pagetree-backend-user-hideinmenu {
-       background-position: -180px -108px !important;
+       background-position: -216px -108px !important;
 
 }
 .t3-icon-pagetree-backend-user {
-       background-position: -162px -108px !important;
+       background-position: -198px -108px !important;
 
 }
 .t3-icon-pagetree-collapse {
-       background-position: -198px -108px !important;
+       background-position: -234px -108px !important;
 
 }
 .t3-icon-pagetree-drag-copy-above {
-       background-position: -216px -108px !important;
+       background-position: -252px -108px !important;
 
 }
 .t3-icon-pagetree-drag-copy-below {
-       background-position: -234px -108px !important;
+       background-position: -270px -108px !important;
 
 }
 .t3-icon-pagetree-drag-move-above {
-       background-position: -252px -108px !important;
+       background-position: -288px -108px !important;
 
 }
 .t3-icon-pagetree-drag-move-below {
-       background-position: -270px -108px !important;
+       background-position: -306px -108px !important;
 
 }
 .t3-icon-pagetree-drag-move-between {
-       background-position: -288px -108px !important;
+       background-position: -0px -126px !important;
 
 }
 .t3-icon-pagetree-drag-move-into {
-       background-position: -306px -108px !important;
+       background-position: -18px -126px !important;
 
 }
 .t3-icon-pagetree-drag-new-between {
-       background-position: -0px -126px !important;
+       background-position: -36px -126px !important;
 
 }
 .t3-icon-pagetree-drag-new-inside {
-       background-position: -18px -126px !important;
+       background-position: -54px -126px !important;
 
 }
 .t3-icon-pagetree-drag-place-denied {
-       background-position: -36px -126px !important;
+       background-position: -72px -126px !important;
 
 }
 .t3-icon-pagetree-expand {
-       background-position: -54px -126px !important;
+       background-position: -90px -126px !important;
 
 }
 .t3-icon-pagetree-folder-contains-approve {
-       background-position: -72px -126px !important;
+       background-position: -108px -126px !important;
 
 }
 .t3-icon-pagetree-folder-contains-board {
-       background-position: -90px -126px !important;
+       background-position: -126px -126px !important;
 
 }
 .t3-icon-pagetree-folder-contains-fe_users {
-       background-position: -108px -126px !important;
+       background-position: -144px -126px !important;
 
 }
 .t3-icon-pagetree-folder-contains-news {
-       background-position: -126px -126px !important;
+       background-position: -162px -126px !important;
 
 }
 .t3-icon-pagetree-folder-contains-shop {
 
 }
 .t3-icon-pagetree-folder-default {
-       background-position: -144px -126px !important;
+       background-position: -180px -126px !important;
 
 }
 .t3-icon-pagetree-page-advanced-hideinmenu {
-       background-position: -180px -126px !important;
+       background-position: -216px -126px !important;
 
 }
 .t3-icon-pagetree-page-advanced-root {
-       background-position: -198px -126px !important;
+       background-position: -234px -126px !important;
 
 }
 .t3-icon-pagetree-page-advanced {
-       background-position: -162px -126px !important;
+       background-position: -198px -126px !important;
 
 }
 .t3-icon-pagetree-page-backend-users-hideinmenu {
-       background-position: -234px -126px !important;
+       background-position: -270px -126px !important;
 
 }
 .t3-icon-pagetree-page-backend-users-root {
-       background-position: -252px -126px !important;
+       background-position: -288px -126px !important;
 
 }
 .t3-icon-pagetree-page-backend-users {
-       background-position: -216px -126px !important;
+       background-position: -252px -126px !important;
 
 }
 .t3-icon-pagetree-page-default {
-       background-position: -270px -126px !important;
+       background-position: -306px -126px !important;
 
 }
 .t3-icon-pagetree-page-domain {
-       background-position: -288px -126px !important;
+       background-position: -0px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-user-hideinmenu {
-       background-position: -0px -144px !important;
+       background-position: -36px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-user-root {
-       background-position: -18px -144px !important;
+       background-position: -54px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-user {
-       background-position: -306px -126px !important;
+       background-position: -18px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-users-hideinmenu {
-       background-position: -54px -144px !important;
+       background-position: -90px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-users-root {
-       background-position: -72px -144px !important;
+       background-position: -108px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-users {
-       background-position: -36px -144px !important;
+       background-position: -72px -144px !important;
 
 }
 .t3-icon-pagetree-page-mountpoint-hideinmenu {
-       background-position: -108px -144px !important;
+       background-position: -144px -144px !important;
 
 }
 .t3-icon-pagetree-page-mountpoint-root {
-       background-position: -126px -144px !important;
+       background-position: -162px -144px !important;
 
 }
 .t3-icon-pagetree-page-mountpoint {
-       background-position: -90px -144px !important;
+       background-position: -126px -144px !important;
 
 }
 .t3-icon-pagetree-page-no-icon-found-hideinmenu {
-       background-position: -162px -144px !important;
+       background-position: -198px -144px !important;
 
 }
 .t3-icon-pagetree-page-no-icon-found-root {
-       background-position: -180px -144px !important;
+       background-position: -216px -144px !important;
 
 }
 .t3-icon-pagetree-page-no-icon-found {
-       background-position: -144px -144px !important;
+       background-position: -180px -144px !important;
 
 }
 .t3-icon-pagetree-page-not-in-menu {
-       background-position: -198px -144px !important;
+       background-position: -234px -144px !important;
 
 }
 .t3-icon-pagetree-page-recycler {
-       background-position: -216px -144px !important;
+       background-position: -252px -144px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-external-hideinmenu {
-       background-position: -270px -144px !important;
+       background-position: -306px -144px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-external-root {
-       background-position: -288px -144px !important;
+       background-position: -0px -162px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-external {
-       background-position: -252px -144px !important;
+       background-position: -288px -144px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-hideinmenu {
-       background-position: -306px -144px !important;
+       background-position: -18px -162px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-root {
-       background-position: -0px -162px !important;
+       background-position: -36px -162px !important;
 
 }
 .t3-icon-pagetree-page-shortcut {
-       background-position: -234px -144px !important;
+       background-position: -270px -144px !important;
 
 }
 .t3-icon-pagetree-root {
-       background-position: -18px -162px !important;
+       background-position: -54px -162px !important;
 
 }
 .t3-icon-pagetree-spacer {
-       background-position: -36px -162px !important;
+       background-position: -72px -162px !important;
 
 }
 .t3-icon-tcatree-select-recursive {
-       background-position: -54px -162px !important;
+       background-position: -90px -162px !important;
 
 }
 .t3-icon-toolbar-menu-actions {
-       background-position: -72px -162px !important;
+       background-position: -108px -162px !important;
 
 }
 .t3-icon-toolbar-menu-cache {
-       background-position: -90px -162px !important;
+       background-position: -126px -162px !important;
 
 }
 .t3-icon-toolbar-menu-opendocs {
-       background-position: -108px -162px !important;
+       background-position: -144px -162px !important;
 
 }
 .t3-icon-toolbar-menu-search {
-       background-position: -126px -162px !important;
+       background-position: -162px -162px !important;
 
 }
 .t3-icon-toolbar-menu-shortcut {
-       background-position: -144px -162px !important;
+       background-position: -180px -162px !important;
 
 }
 .t3-icon-toolbar-menu-workspace {
-       background-position: -162px -162px !important;
+       background-position: -198px -162px !important;
 
 }
 .t3-icon-compressed {
-       background-position: -180px -162px !important;
+       background-position: -216px -162px !important;
 
 }
 .t3-icon-excel {
-       background-position: -198px -162px !important;
+       background-position: -234px -162px !important;
 
 }
 .t3-icon-media-audio {
-       background-position: -216px -162px !important;
+       background-position: -252px -162px !important;
 
 }
 .t3-icon-media-flash {
-       background-position: -234px -162px !important;
+       background-position: -270px -162px !important;
 
 }
 .t3-icon-media-image {
-       background-position: -252px -162px !important;
+       background-position: -288px -162px !important;
 
 }
 .t3-icon-media-video {
-       background-position: -270px -162px !important;
+       background-position: -306px -162px !important;
 
 }
 .t3-icon-other-other {
-       background-position: -288px -162px !important;
+       background-position: -0px -180px !important;
 
 }
 .t3-icon-pdf {
-       background-position: -306px -162px !important;
+       background-position: -18px -180px !important;
 
 }
 .t3-icon-powerpoint {
-       background-position: -0px -180px !important;
+       background-position: -36px -180px !important;
 
 }
 .t3-icon-text-css {
-       background-position: -18px -180px !important;
+       background-position: -54px -180px !important;
 
 }
 .t3-icon-text-csv {
-       background-position: -36px -180px !important;
+       background-position: -72px -180px !important;
 
 }
 .t3-icon-text-html {
-       background-position: -54px -180px !important;
+       background-position: -90px -180px !important;
 
 }
 .t3-icon-text-js {
-       background-position: -72px -180px !important;
+       background-position: -108px -180px !important;
 
 }
 .t3-icon-text-php {
-       background-position: -90px -180px !important;
+       background-position: -126px -180px !important;
 
 }
 .t3-icon-text-text {
-       background-position: -108px -180px !important;
+       background-position: -144px -180px !important;
 
 }
 .t3-icon-word {
-       background-position: -126px -180px !important;
+       background-position: -162px -180px !important;
 
 }
 .t3-icon-x-content-divider {
-       background-position: -144px -180px !important;
+       background-position: -180px -180px !important;
 
 }
 .t3-icon-x-content-domain {
-       background-position: -162px -180px !important;
+       background-position: -198px -180px !important;
 
 }
 .t3-icon-x-content-form-search {
-       background-position: -198px -180px !important;
+       background-position: -234px -180px !important;
 
 }
 .t3-icon-x-content-form {
-       background-position: -180px -180px !important;
+       background-position: -216px -180px !important;
 
 }
 .t3-icon-x-content-header {
-       background-position: -216px -180px !important;
+       background-position: -252px -180px !important;
 
 }
 .t3-icon-x-content-html {
-       background-position: -234px -180px !important;
+       background-position: -270px -180px !important;
 
 }
 .t3-icon-x-content-image {
-       background-position: -252px -180px !important;
+       background-position: -288px -180px !important;
 
 }
 .t3-icon-x-content-link {
-       background-position: -270px -180px !important;
+       background-position: -306px -180px !important;
 
 }
 .t3-icon-x-content-list-bullets {
-       background-position: -288px -180px !important;
+       background-position: -0px -198px !important;
 
 }
 .t3-icon-x-content-list-files {
-       background-position: -306px -180px !important;
+       background-position: -18px -198px !important;
 
 }
 .t3-icon-x-content-login {
-       background-position: -0px -198px !important;
+       background-position: -36px -198px !important;
 
 }
 .t3-icon-x-content-menu {
-       background-position: -18px -198px !important;
+       background-position: -54px -198px !important;
 
 }
 .t3-icon-x-content-multimedia {
-       background-position: -36px -198px !important;
+       background-position: -72px -198px !important;
 
 }
 .t3-icon-x-content-page-language-overlay {
-       background-position: -54px -198px !important;
+       background-position: -90px -198px !important;
 
 }
 .t3-icon-x-content-plugin {
-       background-position: -72px -198px !important;
+       background-position: -108px -198px !important;
 
 }
 .t3-icon-x-content-script {
-       background-position: -90px -198px !important;
+       background-position: -126px -198px !important;
 
 }
 .t3-icon-x-content-table {
-       background-position: -108px -198px !important;
+       background-position: -144px -198px !important;
 
 }
 .t3-icon-x-content-template-extension {
-       background-position: -144px -198px !important;
+       background-position: -180px -198px !important;
 
 }
 .t3-icon-x-content-template-static {
-       background-position: -162px -198px !important;
+       background-position: -198px -198px !important;
 
 }
 .t3-icon-x-content-template {
-       background-position: -126px -198px !important;
+       background-position: -162px -198px !important;
 
 }
 .t3-icon-x-content-text-picture {
-       background-position: -198px -198px !important;
+       background-position: -234px -198px !important;
 
 }
 .t3-icon-x-content-text {
-       background-position: -180px -198px !important;
+       background-position: -216px -198px !important;
 
 }
 .t3-icon-x-sys_action {
-       background-position: -216px -198px !important;
+       background-position: -252px -198px !important;
 
 }
 .t3-icon-x-sys_category {
 
 }
 .t3-icon-x-sys_news {
-       background-position: -234px -198px !important;
+       background-position: -270px -198px !important;
 
 }
 .t3-icon-x-sys_workspace {
-       background-position: -252px -198px !important;
+       background-position: -288px -198px !important;
 
 }
 .t3-icon-x_belayout {
-       background-position: -270px -198px !important;
+       background-position: -306px -198px !important;
 
 }
 .t3-icon-dialog-error {
-       background-position: -288px -198px !important;
+       background-position: -0px -216px !important;
 
 }
 .t3-icon-dialog-information {
-       background-position: -306px -198px !important;
+       background-position: -18px -216px !important;
 
 }
 .t3-icon-dialog-notification {
-       background-position: -0px -216px !important;
+       background-position: -36px -216px !important;
 
 }
 .t3-icon-dialog-ok {
-       background-position: -18px -216px !important;
+       background-position: -54px -216px !important;
 
 }
 .t3-icon-dialog-warning {
-       background-position: -36px -216px !important;
+       background-position: -72px -216px !important;
 
 }
 .t3-icon-overlay-access-restricted {
-       background-position: -54px -216px !important;
+       background-position: -90px -216px !important;
 
 }
 .t3-icon-overlay-deleted {
-       background-position: -72px -216px !important;
+       background-position: -108px -216px !important;
 
 }
 .t3-icon-overlay-hidden {
-       background-position: -90px -216px !important;
+       background-position: -126px -216px !important;
 
 }
 .t3-icon-overlay-icon-missing {
-       background-position: -108px -216px !important;
+       background-position: -144px -216px !important;
 
 }
 .t3-icon-overlay-includes-subpages {
-       background-position: -126px -216px !important;
+       background-position: -162px -216px !important;
 
 }
 .t3-icon-overlay-locked {
-       background-position: -144px -216px !important;
+       background-position: -180px -216px !important;
 
 }
 .t3-icon-overlay-scheduled-future-end {
-       background-position: -180px -216px !important;
+       background-position: -216px -216px !important;
 
 }
 .t3-icon-overlay-scheduled {
-       background-position: -162px -216px !important;
+       background-position: -198px -216px !important;
 
 }
 .t3-icon-overlay-translated {
-       background-position: -198px -216px !important;
+       background-position: -234px -216px !important;
 
 }
 .t3-icon-status-checked {
-       background-position: -216px -216px !important;
+       background-position: -252px -216px !important;
 
 }
 .t3-icon-status-current {
-       background-position: -234px -216px !important;
+       background-position: -270px -216px !important;
 
 }
 .t3-icon-status-edit-read-only {
-       background-position: -252px -216px !important;
+       background-position: -288px -216px !important;
 
 }
 .t3-icon-status-icon-missing {
-       background-position: -270px -216px !important;
+       background-position: -306px -216px !important;
 
 }
 .t3-icon-status-locked {
-       background-position: -288px -216px !important;
+       background-position: -0px -234px !important;
 
 }
 .t3-icon-status-permission-denied {
-       background-position: -306px -216px !important;
+       background-position: -18px -234px !important;
 
 }
 .t3-icon-status-permission-granted {
-       background-position: -0px -234px !important;
+       background-position: -36px -234px !important;
 
 }
 .t3-icon-status-readonly {
-       background-position: -18px -234px !important;
+       background-position: -54px -234px !important;
 
 }
 .t3-icon-status-reference-hard {
-       background-position: -36px -234px !important;
+       background-position: -72px -234px !important;
 
 }
 .t3-icon-status-reference-soft {
-       background-position: -54px -234px !important;
+       background-position: -90px -234px !important;
 
 }
 .t3-icon-status-sorting-asc {
-       background-position: -72px -234px !important;
+       background-position: -108px -234px !important;
 
 }
 .t3-icon-status-sorting-desc {
-       background-position: -90px -234px !important;
+       background-position: -126px -234px !important;
 
 }
 .t3-icon-status-sorting-light-asc {
-       background-position: -108px -234px !important;
+       background-position: -144px -234px !important;
 
 }
 .t3-icon-status-sorting-light-desc {
-       background-position: -126px -234px !important;
+       background-position: -162px -234px !important;
 
 }
 .t3-icon-status-workspace-draft {
-       background-position: -144px -234px !important;
+       background-position: -180px -234px !important;
 
 }
 .t3-icon-system-extension-required {
-       background-position: -162px -234px !important;
+       background-position: -198px -234px !important;
 
 }
 .t3-icon-user-admin {
-       background-position: -180px -234px !important;
+       background-position: -216px -234px !important;
 
 }
 .t3-icon-user-backend {
-       background-position: -198px -234px !important;
+       background-position: -234px -234px !important;
 
 }
 .t3-icon-user-frontend {
-       background-position: -216px -234px !important;
+       background-position: -252px -234px !important;
 
 }
 .t3-icon-user-group-backend {
-       background-position: -234px -234px !important;
+       background-position: -270px -234px !important;
 
 }
 .t3-icon-user-group-frontend {
-       background-position: -252px -234px !important;
+       background-position: -288px -234px !important;
 
 }
 .t3-icon-version-1 {
-       background-position: -270px -234px !important;
+       background-position: -306px -234px !important;
 
 }
 .t3-icon-version-10 {
-       background-position: -108px -252px !important;
+       background-position: -144px -252px !important;
 
 }
 .t3-icon-version-11 {
-       background-position: -126px -252px !important;
+       background-position: -162px -252px !important;
 
 }
 .t3-icon-version-12 {
-       background-position: -144px -252px !important;
+       background-position: -180px -252px !important;
 
 }
 .t3-icon-version-13 {
-       background-position: -162px -252px !important;
+       background-position: -198px -252px !important;
 
 }
 .t3-icon-version-14 {
-       background-position: -180px -252px !important;
+       background-position: -216px -252px !important;
 
 }
 .t3-icon-version-15 {
-       background-position: -198px -252px !important;
+       background-position: -234px -252px !important;
 
 }
 .t3-icon-version-16 {
-       background-position: -216px -252px !important;
+       background-position: -252px -252px !important;
 
 }
 .t3-icon-version-17 {
-       background-position: -234px -252px !important;
+       background-position: -270px -252px !important;
 
 }
 .t3-icon-version-18 {
-       background-position: -252px -252px !important;
+       background-position: -288px -252px !important;
 
 }
 .t3-icon-version-19 {
-       background-position: -270px -252px !important;
+       background-position: -306px -252px !important;
 
 }
 .t3-icon-version-2 {
-       background-position: -288px -234px !important;
+       background-position: -0px -252px !important;
 
 }
 .t3-icon-version-20 {
-       background-position: -288px -252px !important;
+       background-position: -0px -270px !important;
 
 }
 .t3-icon-version-21 {
-       background-position: -306px -252px !important;
+       background-position: -18px -270px !important;
 
 }
 .t3-icon-version-22 {
-       background-position: -0px -270px !important;
+       background-position: -36px -270px !important;
 
 }
 .t3-icon-version-23 {
-       background-position: -18px -270px !important;
+       background-position: -54px -270px !important;
 
 }
 .t3-icon-version-24 {
-       background-position: -36px -270px !important;
+       background-position: -72px -270px !important;
 
 }
 .t3-icon-version-25 {
-       background-position: -54px -270px !important;
+       background-position: -90px -270px !important;
 
 }
 .t3-icon-version-26 {
-       background-position: -72px -270px !important;
+       background-position: -108px -270px !important;
 
 }
 .t3-icon-version-27 {
-       background-position: -90px -270px !important;
+       background-position: -126px -270px !important;
 
 }
 .t3-icon-version-28 {
-       background-position: -108px -270px !important;
+       background-position: -144px -270px !important;
 
 }
 .t3-icon-version-29 {
-       background-position: -126px -270px !important;
+       background-position: -162px -270px !important;
 
 }
 .t3-icon-version-3 {
-       background-position: -306px -234px !important;
+       background-position: -18px -252px !important;
 
 }
 .t3-icon-version-30 {
-       background-position: -144px -270px !important;
+       background-position: -180px -270px !important;
 
 }
 .t3-icon-version-31 {
-       background-position: -162px -270px !important;
+       background-position: -198px -270px !important;
 
 }
 .t3-icon-version-32 {
-       background-position: -180px -270px !important;
+       background-position: -216px -270px !important;
 
 }
 .t3-icon-version-33 {
-       background-position: -198px -270px !important;
+       background-position: -234px -270px !important;
 
 }
 .t3-icon-version-34 {
-       background-position: -216px -270px !important;
+       background-position: -252px -270px !important;
 
 }
 .t3-icon-version-35 {
-       background-position: -234px -270px !important;
+       background-position: -270px -270px !important;
 
 }
 .t3-icon-version-36 {
-       background-position: -252px -270px !important;
+       background-position: -288px -270px !important;
 
 }
 .t3-icon-version-37 {
-       background-position: -270px -270px !important;
+       background-position: -306px -270px !important;
 
 }
 .t3-icon-version-38 {
-       background-position: -288px -270px !important;
+       background-position: -0px -288px !important;
 
 }
 .t3-icon-version-39 {
-       background-position: -306px -270px !important;
+       background-position: -18px -288px !important;
 
 }
 .t3-icon-version-4 {
-       background-position: -0px -252px !important;
+       background-position: -36px -252px !important;
 
 }
 .t3-icon-version-40 {
-       background-position: -0px -288px !important;
+       background-position: -36px -288px !important;
 
 }
 .t3-icon-version-41 {
-       background-position: -18px -288px !important;
+       background-position: -54px -288px !important;
 
 }
 .t3-icon-version-42 {
-       background-position: -36px -288px !important;
+       background-position: -72px -288px !important;
 
 }
 .t3-icon-version-43 {
-       background-position: -54px -288px !important;
+       background-position: -90px -288px !important;
 
 }
 .t3-icon-version-44 {
-       background-position: -72px -288px !important;
+       background-position: -108px -288px !important;
 
 }
 .t3-icon-version-45 {
-       background-position: -90px -288px !important;
+       background-position: -126px -288px !important;
 
 }
 .t3-icon-version-46 {
-       background-position: -108px -288px !important;
+       background-position: -144px -288px !important;
 
 }
 .t3-icon-version-47 {
-       background-position: -126px -288px !important;
+       background-position: -162px -288px !important;
 
 }
 .t3-icon-version-48 {
-       background-position: -144px -288px !important;
+       background-position: -180px -288px !important;
 
 }
 .t3-icon-version-49 {
-       background-position: -162px -288px !important;
+       background-position: -198px -288px !important;
 
 }
 .t3-icon-version-5 {
-       background-position: -18px -252px !important;
+       background-position: -54px -252px !important;
 
 }
 .t3-icon-version-50 {
-       background-position: -180px -288px !important;
+       background-position: -216px -288px !important;
 
 }
 .t3-icon-version-6 {
-       background-position: -36px -252px !important;
+       background-position: -72px -252px !important;
 
 }
 .t3-icon-version-7 {
-       background-position: -54px -252px !important;
+       background-position: -90px -252px !important;
 
 }
 .t3-icon-version-8 {
-       background-position: -72px -252px !important;
+       background-position: -108px -252px !important;
 
 }
 .t3-icon-version-9 {
-       background-position: -90px -252px !important;
+       background-position: -126px -252px !important;
 
 }
 .t3-icon-version-no-version {
-       background-position: -198px -288px !important;
+       background-position: -234px -288px !important;
 
 }
 .t3-icon-warning-in-use {
-       background-position: -216px -288px !important;
+       background-position: -252px -288px !important;
 
 }
 .t3-icon-warning-lock {
-       background-position: -234px -288px !important;
+       background-position: -270px -288px !important;
 
 }