[TASK] Refactor IRRE to meet new UI requirements
authorSteffen Ritter <info@rs-websystems.de>
Fri, 6 Jul 2012 16:26:46 +0000 (18:26 +0200)
committerSteffen Ritter <info@rs-websystems.de>
Sat, 7 Jul 2012 21:56:31 +0000 (23:56 +0200)
The UI of IRRE should be adapted to be to the new designs.
In this matter we need to adapt the Collapse/Expand
behaviour which is now build wih jQuery.

Releases: 6.0

Resolves: #36052
Change-Id: I6ce22f9e147b03b9d9d630372ea221b5f5cddc86
Reviewed-on: http://review.typo3.org/12676
Reviewed-by: Helmut Hummel
Tested-by: Helmut Hummel
Reviewed-by: Soren Malling
Tested-by: Soren Malling
Reviewed-by: Steffen Ritter
Tested-by: Steffen Ritter
t3lib/class.t3lib_tceforms.php
t3lib/class.t3lib_tceforms_inline.php
t3lib/jsfunc.inline.js
t3lib/stddb/tables.php
typo3/sysext/t3skin/images/icons/actions/move-move.png
typo3/sysext/t3skin/images/icons/apps/irre-collapsed.png [new file with mode: 0644]
typo3/sysext/t3skin/images/icons/apps/irre-expanded.png [new file with mode: 0644]
typo3/sysext/t3skin/images/sprites/t3skin.png
typo3/sysext/t3skin/stylesheets/sprites/t3skin.css
typo3/sysext/t3skin/stylesheets/structure/element_tceforms.css
typo3/sysext/t3skin/stylesheets/visual/element_tceforms.css

index 8da2589..7052c8c 100644 (file)
@@ -5545,6 +5545,7 @@ class t3lib_TCEforms {
                        /** @var $pageRenderer t3lib_PageRenderer */
                        $pageRenderer = $GLOBALS['SOBE']->doc->getPageRenderer();
                        $pageRenderer->loadPrototype();
+                       $pageRenderer->loadJquery();
                        $pageRenderer->loadExtJS();
 
                                // Make textareas resizable and flexible
index 430642f..a331185 100644 (file)
@@ -360,6 +360,7 @@ class t3lib_TCEforms_inline {
                        // Put the current level also to the dynNestedStack of TCEforms:
                $this->fObj->pushToDynNestedStack('inline', $objectId);
 
+               $class = '';
                if (!$isVirtualRecord) {
                                // Get configuration:
                        $collapseAll = (isset($config['appearance']['collapseAll']) && $config['appearance']['collapseAll']);
@@ -408,7 +409,7 @@ class t3lib_TCEforms_inline {
                        }
                                // If this record should be shown collapsed
                        if (!$isExpanded) {
-                               $appearanceStyleFields = ' style="display: none;"';
+                               $class = 't3-form-field-container-inline-collapsed';
                        }
                }
 
@@ -416,13 +417,15 @@ class t3lib_TCEforms_inline {
                        $out = $fields . $combination;
                } else {
                                // Set the record container with data for output
-                       $out = '<div class="t3-form-field-record-inline" id="' . $objectId . '_fields"' . $appearanceStyleFields . '>' . $fields . $combination . '</div>';
-                       $header = $this->renderForeignRecordHeader($parentUid, $foreign_table, $rec, $config, $isVirtualRecord);
+                       $out = '<div class="t3-form-field-record-inline" id="' . $objectId . '_fields" data-expandSingle="' . ($config['appearance']['expandSingle'] ? 1 : 0) . '" data-returnURL="' . htmlspecialchars(t3lib_div::getIndpEnv('REQUEST_URI')) . '">' . $fields . $combination . '</div>';
+
+                       $header  = t3lib_iconWorks::getSpriteIcon('apps-irre-' . ($class != '' ? 'collapsed' : 'expanded'));
+                       $header .= $this->renderForeignRecordHeader($parentUid, $foreign_table, $rec, $config, $isVirtualRecord);
                        $out = '<div class="t3-form-field-header-inline" id="' . $objectId . '_header">' . $header . '</div>' . $out;
                                // Wrap the header, fields and combination part of a child record with a div container
                        $classMSIE = ($this->fObj->clientInfo['BROWSER'] == 'msie' && $this->fObj->clientInfo['VERSION'] < 8 ? 'MSIE' : '');
-                       $class = 'inlineDiv' . $classMSIE . ($isNewRecord ? ' inlineIsNewRecord' : '');
-                       $out = '<div id="' . $objectId . '_div" class="t3-form-field-container-inline ' . $class . '">' . $out . '</div>';
+                       $class .= ' inlineDiv' . $classMSIE . ($isNewRecord ? ' inlineIsNewRecord' : '');
+                       $out = '<div id="' . $objectId . '_div" class="t3-form-field-container-inline ' . trim($class) . '">' . $out . '</div>';
                }
                        // Remove the current level also from the dynNestedStack of TCEforms:
                $this->fObj->popFromDynNestedStack();
@@ -468,9 +471,7 @@ class t3lib_TCEforms_inline {
        function renderForeignRecordHeader($parentUid, $foreign_table, $rec, $config, $isVirtualRecord = FALSE) {
                        // Init:
                $objectId = $this->inlineNames['object'] . self::Structure_Separator . $foreign_table . self::Structure_Separator . $rec['uid'];
-               $expandSingle = $config['appearance']['expandSingle'] ? 1 : 0;
                        // We need the returnUrl of the main script when loading the fields via AJAX-call (to correct wizard code, so include it as 3rd parameter)
-               $onClick = "return inline.expandCollapseRecord('" . htmlspecialchars($objectId) . "', " . $expandSingle . ", '" . rawurlencode(t3lib_div::getIndpEnv('REQUEST_URI')) . "')";
 
                        // Pre-Processing:
                $isOnSymmetricSide = t3lib_loadDBGroup::isOnSymmetricSide($parentUid, $config, $rec);
@@ -533,7 +534,9 @@ class t3lib_TCEforms_inline {
                                                        array('width' => 64, 'height' => 64)
                                                )->getPublicUrl(TRUE);
 
-                                               $thumbnail = '<span class="nobr"><img src="' . $imageUrl . '" alt="' . htmlspecialchars($recTitle) . '" /></span>';
+                                               $thumbnail = '<img src="' . $imageUrl . '" alt="' . htmlspecialchars($recTitle) . '">';
+                                       } else {
+                                               $thumbnail = FALSE;
                                        }
                                }
                        }
@@ -543,28 +546,16 @@ class t3lib_TCEforms_inline {
                $iconImg = t3lib_iconWorks::getSpriteIconForRecord($foreign_table, $rec, array('title' => htmlspecialchars($altText), 'id' => $objectId . '_icon'));
                $label = '<span id="' . $objectId . '_label">' . $recTitle . '</span>';
 
-               if (!$isVirtualRecord) {
-                       $iconImg = $this->wrapWithAnchor($iconImg, '#', array('onclick' => $onClick));
-                       $label = $this->wrapWithAnchor($label, '#', array('onclick' => $onClick, 'style' => 'display: block;'));
-
-                       if (!empty($config['appearance']['headerThumbnail'])) {
-                               $thumbnail = $this->wrapWithAnchor($thumbnail, '#', array('onclick' => $onClick, 'style' => 'display: block;'));
-                       }
-               }
-
                $ctrl = $this->renderForeignRecordHeaderControl($parentUid, $foreign_table, $rec, $config, $isVirtualRecord);
 
-                       // @TODO: Check the table wrapping and the CSS definitions
                $header =
-                               '<table cellspacing="0" cellpadding="0" border="0" width="100%" style="margin-right: ' . $this->inlineStyles['margin-right'] . 'px;"' .
-                               ($this->fObj->borderStyle[2] ? ' background="' . htmlspecialchars($this->backPath . $this->fObj->borderStyle[2]) . '"' : '') .
-                               ($this->fObj->borderStyle[3] ? ' class="' . htmlspecialchars($this->fObj->borderStyle[3]) . '"' : '') . '>' .
-                               '<tr class="class-main12">' .
-                                       (!empty($config['appearance']['headerThumbnail']) && !empty($thumbnail)
-                                               ?       '<td width="75" id="' . $objectId . '_thumbnailcontainer">' . $thumbnail . '</td>'
-                                               :       '<td width="18" id="' . $objectId . '_iconcontainer">' . $iconImg . '</td>') .
-                                       '<td align="left"><strong>' . $label . '</strong></td>' .
-                                       '<td align="right">' . $ctrl . '</td>' .
+                               '<table>' .
+                               '<tr>' .
+                                       (!empty($config['appearance']['headerThumbnail']) && $thumbnail
+                                               ?       '<td class="t3-form-field-header-inline-thumbnail" id="' . $objectId . '_thumbnailcontainer">' . $thumbnail . '</td>'
+                                               :       '<td class="t3-form-field-header-inline-icon" id="' . $objectId . '_iconcontainer">' . $iconImg . '</td>') .
+                                       '<td class="t3-form-field-header-inline-summary">' . $label . '</td>' .
+                                       '<td clasS="t3-form-field-header-inline-ctrl">' . $ctrl . '</td>' .
                                '</tr>' .
                                '</table>';
 
@@ -655,10 +646,6 @@ class t3lib_TCEforms_inline {
                                }
                        }
 
-                               // Drag&Drop Sorting: Sortable handler for script.aculo.us
-                       if ($enabledControls['dragdrop'] && $permsEdit && $enableManualSorting && $config['appearance']['useSortable']) {
-                               $cells['dragdrop'] = t3lib_iconWorks::getSpriteIcon('actions-move-move', array('class' => 'sortableHandle', 'title' => $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.php:labels.move', TRUE)));
-                       }
 
                                // "Up/Down" links
                        if ($enabledControls['sort'] && $permsEdit && $enableManualSorting) {
@@ -709,6 +696,11 @@ class t3lib_TCEforms_inline {
                                                                t3lib_iconWorks::getSpriteIcon('actions-edit-delete', array('title' => $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_mod_web_list.xml:delete', TRUE))) .
                                                                '</a>';
                        }
+
+                               // Drag&Drop Sorting: Sortable handler for script.aculo.us
+                       if ($enabledControls['dragdrop'] && $permsEdit && $enableManualSorting && $config['appearance']['useSortable']) {
+                               $cells['dragdrop'] = t3lib_iconWorks::getSpriteIcon('actions-move-move', array('class' => 'sortableHandle', 'title' => $GLOBALS['LANG']->sL('LLL:EXT:lang/locallang_core.php:labels.move', TRUE)));
+                       }
                                // If this is a virtual record offer a minimized set of icons for user interaction:
                } elseif ($isVirtualRecord) {
                        if ($enabledControls['localize'] && isset($rec['__create'])) {
@@ -730,10 +722,8 @@ class t3lib_TCEforms_inline {
                foreach ($this->hookObjects as $hookObj) {
                        $hookObj->renderForeignRecordHeaderControl_postProcess($parentUid, $foreign_table, $rec, $config, $isVirtualRecord, $cells);
                }
-                       // Compile items into a DIV-element:
-               return '
-                                                                                       <!-- CONTROL PANEL: ' . $foreign_table . ':' . $rec['uid'] . ' -->
-                                                                                       <div class="typo3-DBctrl">' . implode('', $cells) . '</div>';
+
+               return '<!-- CONTROL PANEL: ' . $foreign_table . ':' . $rec['uid'] . ' -->'  . implode('', $cells);
        }
 
 
@@ -2066,9 +2056,6 @@ class t3lib_TCEforms_inline {
        function wrapFormsSection($section, $styleAttrs = array(), $tableAttrs = array()) {
                $style = '';
                $table = '';
-               if (!$styleAttrs['margin-right']) {
-                       $styleAttrs['margin-right'] = $this->inlineStyles['margin-right'] . 'px';
-               }
 
                foreach ($styleAttrs as $key => $value) {
                        $style .= ($style ? ' ' : '') . $key . ': ' . htmlspecialchars($value) . '; ';
@@ -2080,18 +2067,7 @@ class t3lib_TCEforms_inline {
                if (!$tableAttrs['background'] && $this->fObj->borderStyle[2]) {
                        $tableAttrs['background'] = $this->backPath . $this->borderStyle[2];
                }
-               if (!$tableAttrs['cellspacing']) {
-                       $tableAttrs['cellspacing'] = '0';
-               }
-               if (!$tableAttrs['cellpadding']) {
-                       $tableAttrs['cellpadding'] = '0';
-               }
-               if (!$tableAttrs['border']) {
-                       $tableAttrs['border'] = '0';
-               }
-               if (!$tableAttrs['width']) {
-                       $tableAttrs['width'] = '100%';
-               }
+
                if (!$tableAttrs['class'] && $this->borderStyle[3]) {
                        $tableAttrs['class'] = $this->borderStyle[3];
                }
index 72fd865..0249781 100644 (file)
@@ -28,6 +28,8 @@
 ***************************************************************/
 
 var inline = {
+       classVisible: 't3-form-field-container-inline-visible',
+       classCollapsed: 't3-form-field-container-inline-collapsed',
        structureSeparator: '-',
        prependFormFieldNames: 'data',
        noTitleString: '[No title]',
@@ -47,41 +49,49 @@ var inline = {
        setNoTitleString: function(value) {
                this.noTitleString = value;
        },
+       toggleEvent: function(event) {
+               var recordHeader = TYPO3.jQuery(this);
+               inline.expandCollapseRecord(
+                       recordHeader.attr('id').replace('_header', ''),
+                       recordHeader.attr('data-expandSingle'),
+                       recordHeader.attr('data-returnURL')
+               );
+       },
        expandCollapseRecord: function(objectId, expandSingle, returnURL) {
                var currentUid = this.parseObjectId('none', objectId, 1);
                var objectPrefix = this.parseObjectId('full', objectId, 0, 1);
 
+               var currentObject = TYPO3.jQuery('#' + objectId + '_div');
                        // if content is not loaded yet, get it now from server
-               if(($(objectId+'_fields') && $("irre-loading-indicator"+objectId)) || inline.isLoading) {
+               if((TYPO3.jQuery('#' + objectId + '_fields') && $("irre-loading-indicator" + objectId)) || inline.isLoading) {
                        return false;
-               } else if ($(objectId+'_fields') && $(objectId+'_fields').innerHTML.substr(0,16) == '<!--notloaded-->') {
+               } else if ($(objectId + '_fields') && $(objectId + '_fields').innerHTML.substr(0,16) == '<!--notloaded-->') {
                        inline.isLoading = true;
                                // add loading-indicator
-                       if ($(objectId + '_icon')) {
-                               $(objectId + '_icon').hide();
-                               $(objectId + '_iconcontainer').addClassName('loading-indicator');
+                       if (TYPO3.jQuery('#' + objectId + '_icon')) {
+                               TYPO3.jQuery('#' + objectId + '_icon').hide();
+                               TYPO3.jQuery('#' + objectId + '_iconcontainer').addClass('loading-indicator');
                        }
                        return this.getRecordDetails(objectId, returnURL);
                }
 
-               var currentState = '';
+               var isCollapsed = currentObject.hasClass(this.classCollapsed);
                var collapse = new Array();
                var expand = new Array();
 
                        // if only a single record should be visibly for that set of records
                        // and the record clicked itself is no visible, collapse all others
-               if (expandSingle && !Element.visible(objectId+'_fields')) {
+               if (expandSingle && currentObject.hasClass(this.classCollapsed)) {
                        collapse = this.collapseAllRecords(objectId, objectPrefix, currentUid);
                }
 
-               Element.toggle(objectId+'_fields');
-               currentState = Element.visible(objectId+'_fields') ? 1 : 0
+               inline.toggleElement(objectId);
 
                if (this.isNewRecord(objectId)) {
-                       this.updateExpandedCollapsedStateLocally(objectId, currentState);
-               } else if (currentState) {
+                       this.updateExpandedCollapsedStateLocally(objectId, isCollapsed);
+               } else if (isCollapsed) {
                        expand.push(currentUid);
-               } else if (!currentState) {
+               } else if (!isCollapsed) {
                        collapse.push(currentUid);
                }
 
@@ -90,6 +100,16 @@ var inline = {
                return false;
        },
 
+       toggleElement: function(objectId) {
+               var jQueryObject = TYPO3.jQuery('#' + objectId + '_div');
+               if (jQueryObject.hasClass(this.classCollapsed)) {
+                       jQueryObject.removeClass(this.classCollapsed).addClass(this.classVisible);
+                       jQueryObject.find('#' + objectId + '_header .t3-icon-irre-collapsed').removeClass('t3-icon-irre-collapsed').addClass('t3-icon-irre-expanded');
+               } else {
+                       jQueryObject.removeClass(this.classVisible).addClass(this.classCollapsed);
+                       jQueryObject.find('#' + objectId + '_header .t3-icon-irre-expanded').addClass('t3-icon-irre-collapsed').removeClass('t3-icon-irre-expanded');
+               }
+       },
        collapseAllRecords: function(objectId, objectPrefix, callingUid) {
                        // get the form field, where all records are stored
                var objectName = this.prependFormFieldNames+this.parseObjectId('parts', objectId, 3, 2, true);
@@ -103,8 +123,9 @@ var inline = {
                        var records = formObj[0].value.split(',');
                        for (var i=0; i<records.length; i++) {
                                recObjectId = objectPrefix + this.structureSeparator + records[i];
-                               if (records[i] != callingUid && Element.visible(recObjectId+'_fields')) {
-                                       Element.hide(recObjectId+'_fields');
+                               var recordEntry = TYPO3.jQuery('#' + recObjectId);
+                               if (records[i] != callingUid && recordEntry.hasClass(this.classVisible)) {
+                                       TYPO3.jQuery('#' + recObjectId + '_div').removeClass(this.classVisible).addClass(this.classCollapsed);
                                        if (this.isNewRecord(recObjectId)) {
                                                this.updateExpandedCollapsedStateLocally(recObjectId, 0);
                                        } else {
@@ -461,6 +482,7 @@ var inline = {
                        $(objectId + '_iconcontainer').removeClassName('loading-indicator');
                        $(objectId + '_icon').show();
                }
+
                        // now that the content is loaded, set the expandState
                this.expandCollapseRecord(objectId, expandSingle);
        },
@@ -1162,3 +1184,8 @@ Object.extend(Array.prototype, {
 });
 
 /*]]>*/
+(function($) {
+       $(function() {
+               $(document).delegate('div.t3-form-field-header-inline', 'click', inline.toggleEvent);
+       });
+})(TYPO3.jQuery);
\ No newline at end of file
index 3ef351f..cdd3c90 100644 (file)
@@ -808,6 +808,8 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
        'apps-filetree-folder-user',
        'apps-filetree-mount',
        'apps-filetree-root',
+       'apps-irre-collapsed',
+       'apps-irre-expanded',
        'apps-pagetree-backend-user',
        'apps-pagetree-backend-user-hideinmenu',
        'apps-pagetree-collapse',
@@ -997,10 +999,6 @@ $GLOBALS['TBE_STYLES']['spriteIconApi']['coreSpriteImageNames'] = array(
 
 
 
-
-
-
-
 $GLOBALS['TBE_STYLES']['spriteIconApi']['spriteIconRecordOverlayPriorities'] = array(
        'deleted',
        'hidden',
index 4fe67c6..6d687fd 100755 (executable)
Binary files a/typo3/sysext/t3skin/images/icons/actions/move-move.png and b/typo3/sysext/t3skin/images/icons/actions/move-move.png differ
diff --git a/typo3/sysext/t3skin/images/icons/apps/irre-collapsed.png b/typo3/sysext/t3skin/images/icons/apps/irre-collapsed.png
new file mode 100644 (file)
index 0000000..e633343
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/apps/irre-collapsed.png differ
diff --git a/typo3/sysext/t3skin/images/icons/apps/irre-expanded.png b/typo3/sysext/t3skin/images/icons/apps/irre-expanded.png
new file mode 100644 (file)
index 0000000..8616e9b
Binary files /dev/null and b/typo3/sysext/t3skin/images/icons/apps/irre-expanded.png differ
index 7b4c00d..3bd817e 100644 (file)
Binary files a/typo3/sysext/t3skin/images/sprites/t3skin.png and b/typo3/sysext/t3skin/images/sprites/t3skin.png differ
index b84f130..f0859eb 100644 (file)
 
 .t3-icon-actions {
-       background-image: url('../../images/sprites/t3skin.png?1341662197') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-apps {
-       background-image: url('../../images/sprites/t3skin.png?1341662197') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-mimetypes {
-       background-image: url('../../images/sprites/t3skin.png?1341662197') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
        height: 16px;
        width: 16px;
 }
 
 .t3-icon-status {
-       background-image: url('../../images/sprites/t3skin.png?1341662197') !important;
+       background-image: url('../../images/sprites/t3skin.png?1341672758') !important;
        height: 16px;
        width: 16px;
 }
-.t3-icon-view-list-collapse {
-       background-position: -18px -90px !important;
+.t3-icon-document-close {
+       background-position: -0px -0px !important;
 
 }
-.t3-icon-system-refresh {
-       background-position: -54px -72px !important;
+.t3-icon-document-duplicates-select {
+       background-position: -18px -0px !important;
 
 }
-.t3-icon-system-help-open {
-       background-position: -306px -54px !important;
+.t3-icon-document-edit-access {
+       background-position: -36px -0px !important;
 
 }
-.t3-icon-system-backend-user-switch {
-       background-position: -90px -54px !important;
+.t3-icon-document-export-csv {
+       background-position: -54px -0px !important;
 
 }
-.t3-icon-system-list-open {
-       background-position: -0px -72px !important;
+.t3-icon-document-export-t3d {
+       background-position: -72px -0px !important;
 
 }
-.t3-icon-system-tree-search-open {
-       background-position: -90px -72px !important;
+.t3-icon-document-history-open {
+       background-position: -90px -0px !important;
 
 }
-.t3-icon-document-paste-after {
-       background-position: -234px -0px !important;
+.t3-icon-document-import-t3d {
+       background-position: -108px -0px !important;
 
 }
-.t3-icon-message-notice-close {
-       background-position: -144px -36px !important;
+.t3-icon-document-info {
+       background-position: -126px -0px !important;
 
 }
-.t3-icon-version-workspace-preview {
-       background-position: -234px -72px !important;
+.t3-icon-document-localize {
+       background-position: -144px -0px !important;
 
 }
-.t3-icon-version-page-open {
-       background-position: -180px -72px !important;
+.t3-icon-document-move {
+       background-position: -162px -0px !important;
 
 }
-.t3-icon-document-export-csv {
-       background-position: -54px -0px !important;
+.t3-icon-document-new {
+       background-position: -180px -0px !important;
 
 }
-.t3-icon-document-edit-access {
-       background-position: -36px -0px !important;
+.t3-icon-document-open-read-only {
+       background-position: -216px -0px !important;
 
 }
-.t3-icon-view-table-collapse {
-       background-position: -198px -90px !important;
+.t3-icon-document-open {
+       background-position: -198px -0px !important;
 
 }
-.t3-icon-insert-reference {
-       background-position: -90px -36px !important;
+.t3-icon-document-paste-after {
+       background-position: -234px -0px !important;
 
 }
-.t3-icon-system-typoscript-documentation-open {
-       background-position: -126px -72px !important;
+.t3-icon-document-paste-into {
+       background-position: -252px -0px !important;
 
 }
-.t3-icon-system-extension-install {
-       background-position: -252px -54px !important;
+.t3-icon-document-save-close {
+       background-position: -288px -0px !important;
 
 }
-.t3-icon-system-cache-clear {
-       background-position: -108px -54px !important;
+.t3-icon-document-save-new {
+       background-position: -306px -0px !important;
 
 }
-.t3-icon-edit-copy-release {
-       background-position: -108px -18px !important;
+.t3-icon-document-save-view {
+       background-position: -0px -18px !important;
 
 }
-.t3-icon-edit-unhide {
-       background-position: -36px -36px !important;
+.t3-icon-document-save {
+       background-position: -270px -0px !important;
 
 }
-.t3-icon-view-paging-last {
-       background-position: -90px -90px !important;
+.t3-icon-document-select {
+       background-position: -18px -18px !important;
 
 }
-.t3-icon-page-open {
-       background-position: -36px -54px !important;
+.t3-icon-document-synchronize {
+       background-position: -36px -18px !important;
 
 }
-.t3-icon-view-paging-first {
-       background-position: -54px -90px !important;
+.t3-icon-document-view {
+       background-position: -54px -18px !important;
 
 }
-.t3-icon-edit-cut {
-       background-position: -126px -18px !important;
+.t3-icon-edit-add {
+       background-position: -72px -18px !important;
 
 }
-.t3-icon-system-typoscript-documentation {
-       background-position: -108px -72px !important;
+.t3-icon-edit-copy-release {
+       background-position: -108px -18px !important;
 
 }
-.t3-icon-document-export-t3d {
-       background-position: -72px -0px !important;
+.t3-icon-edit-copy {
+       background-position: -90px -18px !important;
 
 }
-.t3-icon-document-history-open {
-       background-position: -90px -0px !important;
+.t3-icon-edit-cut-release {
+       background-position: -144px -18px !important;
 
 }
-.t3-icon-insert-record {
-       background-position: -72px -36px !important;
+.t3-icon-edit-cut {
+       background-position: -126px -18px !important;
 
 }
-.t3-icon-view-paging-last-disabled {
-       background-position: -108px -90px !important;
+.t3-icon-edit-delete {
+       background-position: -162px -18px !important;
 
 }
-.t3-icon-page-new {
-       background-position: -18px -54px !important;
+.t3-icon-edit-hide {
+       background-position: -180px -18px !important;
 
 }
-.t3-icon-document-synchronize {
-       background-position: -36px -18px !important;
+.t3-icon-edit-insert-default {
+       background-position: -198px -18px !important;
 
 }
-.t3-icon-system-options-view {
-       background-position: -18px -72px !important;
+.t3-icon-edit-localize-status-high {
+       background-position: -216px -18px !important;
 
 }
-.t3-icon-edit-cut-release {
-       background-position: -144px -18px !important;
+.t3-icon-edit-localize-status-low {
+       background-position: -234px -18px !important;
 
 }
-.t3-icon-document-save {
-       background-position: -270px -0px !important;
+.t3-icon-edit-merge-localization {
+       background-position: -252px -18px !important;
 
 }
-.t3-icon-version-swap-version {
-       background-position: -198px -72px !important;
+.t3-icon-edit-pick-date {
+       background-position: -270px -18px !important;
 
 }
-.t3-icon-document-paste-into {
-       background-position: -252px -0px !important;
+.t3-icon-edit-rename {
+       background-position: -288px -18px !important;
 
 }
-.t3-icon-system-shortcut-new {
-       background-position: -72px -72px !important;
+.t3-icon-edit-restore {
+       background-position: -306px -18px !important;
 
 }
-.t3-icon-edit-merge-localization {
-       background-position: -252px -18px !important;
+.t3-icon-edit-undelete-edit {
+       background-position: -0px -36px !important;
 
 }
-.t3-icon-view-paging-next {
-       background-position: -126px -90px !important;
+.t3-icon-edit-undo {
+       background-position: -18px -36px !important;
 
 }
-.t3-icon-move-down {
-       background-position: -198px -36px !important;
+.t3-icon-edit-unhide {
+       background-position: -36px -36px !important;
 
 }
-.t3-icon-document-open {
-       background-position: -198px -0px !important;
+.t3-icon-edit-upload {
+       background-position: -54px -36px !important;
 
 }
-.t3-icon-window-open {
-       background-position: -234px -90px !important;
+.t3-icon-input-clear {
+       background-position: -0px -348px !important;
+       height: 13px;
+       width: 13px;
 
 }
-.t3-icon-system-backend-user-emulate {
-       background-position: -72px -54px !important;
+.t3-icon-insert-record {
+       background-position: -72px -36px !important;
 
 }
-.t3-icon-view-paging-previous-disabled {
-       background-position: -180px -90px !important;
+.t3-icon-insert-reference {
+       background-position: -90px -36px !important;
 
 }
-.t3-icon-edit-restore {
-       background-position: -306px -18px !important;
+.t3-icon-message-error-close {
+       background-position: -108px -36px !important;
 
 }
-.t3-icon-system-cache-clear-impact-medium {
-       background-position: -162px -54px !important;
+.t3-icon-message-information-close {
+       background-position: -126px -36px !important;
 
 }
-.t3-icon-system-extension-import {
-       background-position: -234px -54px !important;
+.t3-icon-message-notice-close {
+       background-position: -144px -36px !important;
 
 }
-.t3-icon-move-up {
-       background-position: -306px -36px !important;
+.t3-icon-message-ok-close {
+       background-position: -162px -36px !important;
 
 }
-.t3-icon-view-paging-first-disabled {
-       background-position: -72px -90px !important;
+.t3-icon-message-warning-close {
+       background-position: -180px -36px !important;
 
 }
-.t3-icon-move-right {
-       background-position: -252px -36px !important;
+.t3-icon-move-down {
+       background-position: -198px -36px !important;
 
 }
-.t3-icon-document-localize {
-       background-position: -144px -0px !important;
+.t3-icon-move-left {
+       background-position: -216px -36px !important;
 
 }
-.t3-icon-version-workspace-sendtostage {
-       background-position: -252px -72px !important;
+.t3-icon-move-move {
+       background-position: -0px -335px !important;
+       height: 11px;
 
 }
-.t3-icon-system-pagemodule-open {
-       background-position: -36px -72px !important;
+.t3-icon-move-right {
+       background-position: -234px -36px !important;
 
 }
-.t3-icon-document-new {
-       background-position: -180px -0px !important;
+.t3-icon-move-to-bottom {
+       background-position: -252px -36px !important;
 
 }
-.t3-icon-document-open-read-only {
-       background-position: -216px -0px !important;
+.t3-icon-move-to-top {
+       background-position: -270px -36px !important;
 
 }
-.t3-icon-system-extension-update {
-       background-position: -288px -54px !important;
+.t3-icon-move-up {
+       background-position: -288px -36px !important;
 
 }
-.t3-icon-view-paging-next-disabled {
-       background-position: -144px -90px !important;
+.t3-icon-page-move {
+       background-position: -306px -36px !important;
 
 }
-.t3-icon-system-extension-documentation {
-       background-position: -198px -54px !important;
+.t3-icon-page-new {
+       background-position: -0px -54px !important;
 
 }
-.t3-icon-document-view {
-       background-position: -54px -18px !important;
+.t3-icon-page-open {
+       background-position: -18px -54px !important;
 
 }
-.t3-icon-edit-insert-default {
-       background-position: -198px -18px !important;
+.t3-icon-selection-delete {
+       background-position: -36px -54px !important;
 
 }
-.t3-icon-document-import-t3d {
-       background-position: -108px -0px !important;
+.t3-icon-system-backend-user-emulate {
+       background-position: -54px -54px !important;
 
 }
-.t3-icon-document-select {
-       background-position: -18px -18px !important;
+.t3-icon-system-backend-user-switch {
+       background-position: -72px -54px !important;
 
 }
 .t3-icon-system-cache-clear-impact-high {
+       background-position: -108px -54px !important;
+
+}
+.t3-icon-system-cache-clear-impact-low {
        background-position: -126px -54px !important;
 
 }
-.t3-icon-view-table-expand {
-       background-position: -216px -90px !important;
+.t3-icon-system-cache-clear-impact-medium {
+       background-position: -144px -54px !important;
 
 }
-.t3-icon-document-move {
-       background-position: -162px -0px !important;
+.t3-icon-system-cache-clear-rte {
+       background-position: -162px -54px !important;
 
 }
-.t3-icon-edit-localize-status-high {
-       background-position: -216px -18px !important;
+.t3-icon-system-cache-clear {
+       background-position: -90px -54px !important;
 
 }
-.t3-icon-document-duplicates-select {
-       background-position: -18px -0px !important;
+.t3-icon-system-extension-documentation {
+       background-position: -180px -54px !important;
 
 }
-.t3-icon-edit-pick-date {
-       background-position: -270px -18px !important;
+.t3-icon-system-extension-download {
+       background-position: -198px -54px !important;
 
 }
-.t3-icon-view-go-down {
-       background-position: -288px -72px !important;
+.t3-icon-system-extension-import {
+       background-position: -216px -54px !important;
 
 }
-.t3-icon-edit-add {
-       background-position: -72px -18px !important;
+.t3-icon-system-extension-install {
+       background-position: -234px -54px !important;
 
 }
-.t3-icon-template-new {
-       background-position: -144px -72px !important;
+.t3-icon-system-extension-uninstall {
+       background-position: -252px -54px !important;
 
 }
-.t3-icon-move-to-bottom {
-       background-position: -270px -36px !important;
+.t3-icon-system-extension-update {
+       background-position: -270px -54px !important;
 
 }
-.t3-icon-selection-delete {
-       background-position: -54px -54px !important;
+.t3-icon-system-help-open {
+       background-position: -288px -54px !important;
 
 }
-.t3-icon-view-go-up {
-       background-position: -0px -90px !important;
+.t3-icon-system-list-open {
+       background-position: -306px -54px !important;
 
 }
-.t3-icon-document-save-new {
-       background-position: -306px -0px !important;
+.t3-icon-system-options-view {
+       background-position: -0px -72px !important;
 
 }
-.t3-icon-system-extension-download {
-       background-position: -216px -54px !important;
+.t3-icon-system-pagemodule-open {
+       background-position: -18px -72px !important;
 
 }
-.t3-icon-document-info {
-       background-position: -126px -0px !important;
+.t3-icon-system-refresh {
+       background-position: -36px -72px !important;
 
 }
-.t3-icon-edit-undo {
-       background-position: -18px -36px !important;
+.t3-icon-system-shortcut-new {
+       background-position: -54px -72px !important;
 
 }
-.t3-icon-input-clear {
-       background-position: -0px -324px !important;
-       height: 13px;
-       width: 13px;
+.t3-icon-system-tree-search-open {
+       background-position: -72px -72px !important;
 
 }
-.t3-icon-message-error-close {
-       background-position: -108px -36px !important;
+.t3-icon-system-typoscript-documentation-open {
+       background-position: -108px -72px !important;
 
 }
-.t3-icon-document-close {
-       background-position: -0px -0px !important;
+.t3-icon-system-typoscript-documentation {
+       background-position: -90px -72px !important;
 
 }
-.t3-icon-view-go-forward {
-       background-position: -306px -72px !important;
+.t3-icon-template-new {
+       background-position: -126px -72px !important;
 
 }
-.t3-icon-edit-delete {
-       background-position: -162px -18px !important;
+.t3-icon-version-document-remove {
+       background-position: -144px -72px !important;
 
 }
-.t3-icon-document-save-view {
-       background-position: -0px -18px !important;
+.t3-icon-version-page-open {
+       background-position: -162px -72px !important;
 
 }
-.t3-icon-version-swap-workspace {
-       background-position: -216px -72px !important;
+.t3-icon-version-swap-version {
+       background-position: -180px -72px !important;
 
 }
-.t3-icon-message-warning-close {
-       background-position: -180px -36px !important;
+.t3-icon-version-swap-workspace {
+       background-position: -198px -72px !important;
 
 }
-.t3-icon-view-paging-previous {
-       background-position: -162px -90px !important;
+.t3-icon-version-workspace-preview {
+       background-position: -216px -72px !important;
 
 }
-.t3-icon-edit-undelete-edit {
-       background-position: -0px -36px !important;
+.t3-icon-version-workspace-sendtostage {
+       background-position: -234px -72px !important;
 
 }
-.t3-icon-edit-localize-status-low {
-       background-position: -234px -18px !important;
+.t3-icon-view-go-back {
+       background-position: -252px -72px !important;
 
 }
-.t3-icon-edit-rename {
-       background-position: -288px -18px !important;
+.t3-icon-view-go-down {
+       background-position: -270px -72px !important;
 
 }
-.t3-icon-document-save-close {
-       background-position: -288px -0px !important;
+.t3-icon-view-go-forward {
+       background-position: -288px -72px !important;
 
 }
-.t3-icon-version-document-remove {
-       background-position: -162px -72px !important;
+.t3-icon-view-go-up {
+       background-position: -306px -72px !important;
 
 }
-.t3-icon-edit-copy {
-       background-position: -90px -18px !important;
+.t3-icon-view-list-collapse {
+       background-position: -0px -90px !important;
 
 }
-.t3-icon-system-extension-uninstall {
-       background-position: -270px -54px !important;
+.t3-icon-view-list-expand {
+       background-position: -18px -90px !important;
 
 }
-.t3-icon-message-information-close {
-       background-position: -126px -36px !important;
+.t3-icon-view-paging-first-disabled {
+       background-position: -54px -90px !important;
 
 }
-.t3-icon-system-cache-clear-impact-low {
-       background-position: -144px -54px !important;
+.t3-icon-view-paging-first {
+       background-position: -36px -90px !important;
 
 }
-.t3-icon-view-go-back {
-       background-position: -270px -72px !important;
+.t3-icon-view-paging-last-disabled {
+       background-position: -90px -90px !important;
 
 }
-.t3-icon-message-ok-close {
-       background-position: -162px -36px !important;
+.t3-icon-view-paging-last {
+       background-position: -72px -90px !important;
 
 }
-.t3-icon-system-cache-clear-rte {
-       background-position: -180px -54px !important;
+.t3-icon-view-paging-next-disabled {
+       background-position: -126px -90px !important;
 
 }
-.t3-icon-view-list-expand {
-       background-position: -36px -90px !important;
+.t3-icon-view-paging-next {
+       background-position: -108px -90px !important;
 
 }
-.t3-icon-edit-upload {
-       background-position: -54px -36px !important;
+.t3-icon-view-paging-previous-disabled {
+       background-position: -162px -90px !important;
 
 }
-.t3-icon-move-left {
-       background-position: -216px -36px !important;
+.t3-icon-view-paging-previous {
+       background-position: -144px -90px !important;
 
 }
-.t3-icon-edit-hide {
-       background-position: -180px -18px !important;
+.t3-icon-view-table-collapse {
+       background-position: -180px -90px !important;
 
 }
-.t3-icon-page-move {
-       background-position: -0px -54px !important;
+.t3-icon-view-table-expand {
+       background-position: -198px -90px !important;
 
 }
-.t3-icon-move-move {
-       background-position: -234px -36px !important;
+.t3-icon-window-open {
+       background-position: -216px -90px !important;
 
 }
-.t3-icon-move-to-top {
-       background-position: -288px -36px !important;
+.t3-icon-clipboard-images {
+       background-position: -234px -90px !important;
 
 }
-.t3-icon-pagetree-page-default {
-       background-position: -288px -126px !important;
+.t3-icon-clipboard-list {
+       background-position: -252px -90px !important;
 
 }
-.t3-icon-toolbar-menu-opendocs {
-       background-position: -126px -162px !important;
+.t3-icon-filetree-folder-add {
+       background-position: -270px -90px !important;
 
 }
-.t3-icon-pagetree-page-mountpoint-root {
-       background-position: -144px -144px !important;
+.t3-icon-filetree-folder-default {
+       background-position: -288px -90px !important;
 
 }
-.t3-icon-tcatree-select-recursive {
-       background-position: -72px -162px !important;
+.t3-icon-filetree-folder-list {
+       background-position: -306px -90px !important;
 
 }
-.t3-icon-filetree-folder-recycler {
-       background-position: -90px -108px !important;
+.t3-icon-filetree-folder-locked {
+       background-position: -0px -108px !important;
 
 }
-.t3-icon-toolbar-menu-actions {
-       background-position: -90px -162px !important;
+.t3-icon-filetree-folder-media {
+       background-position: -18px -108px !important;
 
 }
-.t3-icon-pagetree-page-advanced {
-       background-position: -180px -126px !important;
+.t3-icon-filetree-folder-news {
+       background-position: -36px -108px !important;
 
 }
-.t3-icon-pagetree-page-backend-users-root {
-       background-position: -270px -126px !important;
+.t3-icon-filetree-folder-opened {
+       background-position: -54px -108px !important;
 
 }
-.t3-icon-filetree-folder-locked {
-       background-position: -18px -108px !important;
+.t3-icon-filetree-folder-recycler {
+       background-position: -72px -108px !important;
 
 }
-.t3-icon-toolbar-menu-shortcut {
-       background-position: -162px -162px !important;
+.t3-icon-filetree-folder-temp {
+       background-position: -90px -108px !important;
 
 }
-.t3-icon-filetree-root {
-       background-position: -162px -108px !important;
+.t3-icon-filetree-folder-user {
+       background-position: -108px -108px !important;
 
 }
-.t3-icon-pagetree-drag-move-between {
-       background-position: -306px -108px !important;
+.t3-icon-filetree-mount {
+       background-position: -126px -108px !important;
 
 }
-.t3-icon-pagetree-page-frontend-users-hideinmenu {
-       background-position: -72px -144px !important;
+.t3-icon-filetree-root {
+       background-position: -144px -108px !important;
 
 }
-.t3-icon-toolbar-menu-search {
-       background-position: -144px -162px !important;
+.t3-icon-irre-collapsed {
+       background-position: -0px -324px !important;
+       height: 9px;
+       width: 9px;
 
 }
-.t3-icon-pagetree-drag-move-into {
-       background-position: -0px -126px !important;
+.t3-icon-irre-expanded {
+       background-position: -11px -324px !important;
+       height: 9px;
+       width: 9px;
 
 }
-.t3-icon-pagetree-page-shortcut-hideinmenu {
-       background-position: -0px -162px !important;
+.t3-icon-pagetree-backend-user-hideinmenu {
+       background-position: -180px -108px !important;
 
 }
-.t3-icon-pagetree-page-backend-users {
-       background-position: -234px -126px !important;
+.t3-icon-pagetree-backend-user {
+       background-position: -162px -108px !important;
 
 }
-.t3-icon-pagetree-page-advanced-root {
-       background-position: -216px -126px !important;
+.t3-icon-pagetree-collapse {
+       background-position: -198px -108px !important;
 
 }
 .t3-icon-pagetree-drag-copy-above {
+       background-position: -216px -108px !important;
+
+}
+.t3-icon-pagetree-drag-copy-below {
        background-position: -234px -108px !important;
 
 }
-.t3-icon-pagetree-page-no-icon-found {
-       background-position: -162px -144px !important;
+.t3-icon-pagetree-drag-move-above {
+       background-position: -252px -108px !important;
 
 }
-.t3-icon-pagetree-page-no-icon-found-hideinmenu {
-       background-position: -180px -144px !important;
+.t3-icon-pagetree-drag-move-below {
+       background-position: -270px -108px !important;
 
 }
-.t3-icon-pagetree-page-shortcut {
-       background-position: -252px -144px !important;
+.t3-icon-pagetree-drag-move-between {
+       background-position: -288px -108px !important;
 
 }
-.t3-icon-filetree-folder-user {
-       background-position: -126px -108px !important;
+.t3-icon-pagetree-drag-move-into {
+       background-position: -306px -108px !important;
 
 }
-.t3-icon-pagetree-page-no-icon-found-root {
-       background-position: -198px -144px !important;
+.t3-icon-pagetree-drag-new-between {
+       background-position: -0px -126px !important;
 
 }
-.t3-icon-filetree-folder-list {
-       background-position: -0px -108px !important;
+.t3-icon-pagetree-drag-new-inside {
+       background-position: -18px -126px !important;
 
 }
-.t3-icon-pagetree-page-shortcut-external-root {
-       background-position: -306px -144px !important;
+.t3-icon-pagetree-drag-place-denied {
+       background-position: -36px -126px !important;
 
 }
 .t3-icon-pagetree-expand {
-       background-position: -72px -126px !important;
+       background-position: -54px -126px !important;
 
 }
-.t3-icon-clipboard-images {
-       background-position: -252px -90px !important;
+.t3-icon-pagetree-folder-contains-approve {
+       background-position: -72px -126px !important;
 
 }
-.t3-icon-pagetree-drag-copy-below {
-       background-position: -252px -108px !important;
+.t3-icon-pagetree-folder-contains-board {
+       background-position: -90px -126px !important;
 
 }
-.t3-icon-pagetree-page-frontend-user {
-       background-position: -0px -144px !important;
+.t3-icon-pagetree-folder-contains-fe_users {
+       background-position: -108px -126px !important;
 
 }
-.t3-icon-pagetree-backend-user {
-       background-position: -180px -108px !important;
+.t3-icon-pagetree-folder-contains-news {
+       background-position: -126px -126px !important;
 
 }
-.t3-icon-pagetree-page-mountpoint-hideinmenu {
-       background-position: -126px -144px !important;
+.t3-icon-pagetree-folder-contains-shop {
+       background-position: -0px -306px !important;
+       width: 18px;
 
 }
-.t3-icon-toolbar-menu-cache {
-       background-position: -108px -162px !important;
+.t3-icon-pagetree-folder-default {
+       background-position: -144px -126px !important;
 
 }
-.t3-icon-clipboard-list {
-       background-position: -270px -90px !important;
+.t3-icon-pagetree-page-advanced-hideinmenu {
+       background-position: -180px -126px !important;
 
 }
-.t3-icon-pagetree-drag-new-inside {
-       background-position: -36px -126px !important;
+.t3-icon-pagetree-page-advanced-root {
+       background-position: -198px -126px !important;
 
 }
-.t3-icon-pagetree-folder-default {
+.t3-icon-pagetree-page-advanced {
        background-position: -162px -126px !important;
 
 }
-.t3-icon-filetree-folder-media {
-       background-position: -36px -108px !important;
+.t3-icon-pagetree-page-backend-users-hideinmenu {
+       background-position: -234px -126px !important;
 
 }
-.t3-icon-pagetree-collapse {
-       background-position: -216px -108px !important;
+.t3-icon-pagetree-page-backend-users-root {
+       background-position: -252px -126px !important;
 
 }
-.t3-icon-pagetree-page-not-in-menu {
-       background-position: -216px -144px !important;
+.t3-icon-pagetree-page-backend-users {
+       background-position: -216px -126px !important;
 
 }
-.t3-icon-pagetree-drag-move-above {
-       background-position: -270px -108px !important;
+.t3-icon-pagetree-page-default {
+       background-position: -270px -126px !important;
 
 }
-.t3-icon-pagetree-page-mountpoint {
-       background-position: -108px -144px !important;
+.t3-icon-pagetree-page-domain {
+       background-position: -288px -126px !important;
 
 }
 .t3-icon-pagetree-page-frontend-user-hideinmenu {
-       background-position: -18px -144px !important;
+       background-position: -0px -144px !important;
 
 }
-.t3-icon-pagetree-folder-contains-fe_users {
-       background-position: -126px -126px !important;
+.t3-icon-pagetree-page-frontend-user-root {
+       background-position: -18px -144px !important;
 
 }
-.t3-icon-pagetree-folder-contains-shop {
-       background-position: -0px -306px !important;
-       width: 18px;
+.t3-icon-pagetree-page-frontend-user {
+       background-position: -306px -126px !important;
 
 }
-.t3-icon-pagetree-backend-user-hideinmenu {
-       background-position: -198px -108px !important;
+.t3-icon-pagetree-page-frontend-users-hideinmenu {
+       background-position: -54px -144px !important;
 
 }
 .t3-icon-pagetree-page-frontend-users-root {
-       background-position: -90px -144px !important;
+       background-position: -72px -144px !important;
 
 }
-.t3-icon-filetree-folder-news {
-       background-position: -54px -108px !important;
+.t3-icon-pagetree-page-frontend-users {
+       background-position: -36px -144px !important;
 
 }
-.t3-icon-pagetree-folder-contains-board {
-       background-position: -108px -126px !important;
+.t3-icon-pagetree-page-mountpoint-hideinmenu {
+       background-position: -108px -144px !important;
 
 }
-.t3-icon-pagetree-root {
-       background-position: -36px -162px !important;
+.t3-icon-pagetree-page-mountpoint-root {
+       background-position: -126px -144px !important;
 
 }
-.t3-icon-pagetree-drag-move-below {
-       background-position: -288px -108px !important;
+.t3-icon-pagetree-page-mountpoint {
+       background-position: -90px -144px !important;
 
 }
-.t3-icon-pagetree-spacer {
-       background-position: -54px -162px !important;
+.t3-icon-pagetree-page-no-icon-found-hideinmenu {
+       background-position: -162px -144px !important;
 
 }
-.t3-icon-pagetree-folder-contains-approve {
-       background-position: -90px -126px !important;
+.t3-icon-pagetree-page-no-icon-found-root {
+       background-position: -180px -144px !important;
 
 }
-.t3-icon-pagetree-page-frontend-user-root {
-       background-position: -36px -144px !important;
+.t3-icon-pagetree-page-no-icon-found {
+       background-position: -144px -144px !important;
 
 }
-.t3-icon-pagetree-folder-contains-news {
-       background-position: -144px -126px !important;
+.t3-icon-pagetree-page-not-in-menu {
+       background-position: -198px -144px !important;
 
 }
-.t3-icon-pagetree-page-backend-users-hideinmenu {
-       background-position: -252px -126px !important;
+.t3-icon-pagetree-page-recycler {
+       background-position: -216px -144px !important;
 
 }
-.t3-icon-pagetree-page-frontend-users {
-       background-position: -54px -144px !important;
+.t3-icon-pagetree-page-shortcut-external-hideinmenu {
+       background-position: -270px -144px !important;
 
 }
-.t3-icon-pagetree-page-advanced-hideinmenu {
-       background-position: -198px -126px !important;
+.t3-icon-pagetree-page-shortcut-external-root {
+       background-position: -288px -144px !important;
 
 }
-.t3-icon-pagetree-drag-new-between {
-       background-position: -18px -126px !important;
+.t3-icon-pagetree-page-shortcut-external {
+       background-position: -252px -144px !important;
 
 }
-.t3-icon-toolbar-menu-workspace {
-       background-position: -180px -162px !important;
+.t3-icon-pagetree-page-shortcut-hideinmenu {
+       background-position: -306px -144px !important;
 
 }
 .t3-icon-pagetree-page-shortcut-root {
-       background-position: -18px -162px !important;
-
-}
-.t3-icon-filetree-folder-temp {
-       background-position: -108px -108px !important;
-
-}
-.t3-icon-filetree-mount {
-       background-position: -144px -108px !important;
+       background-position: -0px -162px !important;
 
 }
-.t3-icon-pagetree-page-recycler {
+.t3-icon-pagetree-page-shortcut {
        background-position: -234px -144px !important;
 
 }
-.t3-icon-pagetree-page-domain {
-       background-position: -306px -126px !important;
-
-}
-.t3-icon-filetree-folder-add {
-       background-position: -288px -90px !important;
+.t3-icon-pagetree-root {
+       background-position: -18px -162px !important;
 
 }
-.t3-icon-pagetree-page-shortcut-external {
-       background-position: -270px -144px !important;
+.t3-icon-pagetree-spacer {
+       background-position: -36px -162px !important;
 
 }
-.t3-icon-filetree-folder-opened {
-       background-position: -72px -108px !important;
+.t3-icon-tcatree-select-recursive {
+       background-position: -54px -162px !important;
 
 }
-.t3-icon-filetree-folder-default {
-       background-position: -306px -90px !important;
+.t3-icon-toolbar-menu-actions {
+       background-position: -72px -162px !important;
 
 }
-.t3-icon-pagetree-page-shortcut-external-hideinmenu {
-       background-position: -288px -144px !important;
+.t3-icon-toolbar-menu-cache {
+       background-position: -90px -162px !important;
 
 }
-.t3-icon-pagetree-drag-place-denied {
-       background-position: -54px -126px !important;
+.t3-icon-toolbar-menu-opendocs {
+       background-position: -108px -162px !important;
 
 }
-.t3-icon-text-js {
-       background-position: -90px -180px !important;
+.t3-icon-toolbar-menu-search {
+       background-position: -126px -162px !important;
 
 }
-.t3-icon-text-php {
-       background-position: -108px -180px !important;
+.t3-icon-toolbar-menu-shortcut {
+       background-position: -144px -162px !important;
 
 }
-.t3-icon-text-text {
-       background-position: -126px -180px !important;
+.t3-icon-toolbar-menu-workspace {
+       background-position: -162px -162px !important;
 
 }
-.t3-icon-powerpoint {
-       background-position: -18px -180px !important;
+.t3-icon-compressed {
+       background-position: -180px -162px !important;
 
 }
-.t3-icon-x-sys_language {
-       background-position: -20px -306px !important;
-       width: 18px;
+.t3-icon-excel {
+       background-position: -198px -162px !important;
 
 }
-.t3-icon-x-content-table {
-       background-position: -126px -198px !important;
+.t3-icon-media-audio {
+       background-position: -216px -162px !important;
 
 }
-.t3-icon-media-audio {
+.t3-icon-media-flash {
        background-position: -234px -162px !important;
 
 }
-.t3-icon-text-csv {
-       background-position: -54px -180px !important;
+.t3-icon-media-image {
+       background-position: -252px -162px !important;
 
 }
-.t3-icon-x-content-header {
-       background-position: -234px -180px !important;
+.t3-icon-media-video {
+       background-position: -270px -162px !important;
 
 }
-.t3-icon-x-content-html {
-       background-position: -252px -180px !important;
+.t3-icon-other-other {
+       background-position: -288px -162px !important;
 
 }
-.t3-icon-other-other {
+.t3-icon-pdf {
        background-position: -306px -162px !important;
 
 }
-.t3-icon-x-content-link {
-       background-position: -288px -180px !important;
+.t3-icon-powerpoint {
+       background-position: -0px -180px !important;
 
 }
-.t3-icon-x-content-script {
-       background-position: -108px -198px !important;
+.t3-icon-text-css {
+       background-position: -18px -180px !important;
 
 }
-.t3-icon-x-content-plugin {
-       background-position: -90px -198px !important;
+.t3-icon-text-csv {
+       background-position: -36px -180px !important;
 
 }
 .t3-icon-text-html {
-       background-position: -72px -180px !important;
+       background-position: -54px -180px !important;
 
 }
-.t3-icon-x-content-form {
-       background-position: -198px -180px !important;
+.t3-icon-text-js {
+       background-position: -72px -180px !important;
 
 }
-.t3-icon-x-content-image {
-       background-position: -270px -180px !important;
+.t3-icon-text-php {
+       background-position: -90px -180px !important;
 
 }
-.t3-icon-x-content-text-picture {
-       background-position: -216px -198px !important;
+.t3-icon-text-text {
+       background-position: -108px -180px !important;
 
 }
-.t3-icon-x-content-text {
-       background-position: -198px -198px !important;
+.t3-icon-word {
+       background-position: -126px -180px !important;
 
 }
-.t3-icon-excel {
-       background-position: -216px -162px !important;
+.t3-icon-x-content-divider {
+       background-position: -144px -180px !important;
 
 }
-.t3-icon-x-content-list-files {
-       background-position: -0px -198px !important;
+.t3-icon-x-content-domain {
+       background-position: -162px -180px !important;
 
 }
-.t3-icon-x-content-menu {
-       background-position: -36px -198px !important;
+.t3-icon-x-content-form-search {
+       background-position: -198px -180px !important;
 
 }
-.t3-icon-x-content-template {
-       background-position: -144px -198px !important;
+.t3-icon-x-content-form {
+       background-position: -180px -180px !important;
 
 }
-.t3-icon-media-image {
-       background-position: -270px -162px !important;
+.t3-icon-x-content-header {
+       background-position: -216px -180px !important;
 
 }
-.t3-icon-x_belayout {
-       background-position: -288px -198px !important;
+.t3-icon-x-content-html {
+       background-position: -234px -180px !important;
 
 }
-.t3-icon-x-content-login {
-       background-position: -18px -198px !important;
+.t3-icon-x-content-image {
+       background-position: -252px -180px !important;
 
 }
-.t3-icon-media-flash {
-       background-position: -252px -162px !important;
+.t3-icon-x-content-link {
+       background-position: -270px -180px !important;
 
 }
-.t3-icon-x-content-divider {
-       background-position: -162px -180px !important;
+.t3-icon-x-content-list-bullets {
+       background-position: -288px -180px !important;
 
 }
-.t3-icon-compressed {
-       background-position: -198px -162px !important;
+.t3-icon-x-content-list-files {
+       background-position: -306px -180px !important;
 
 }
-.t3-icon-text-css {
-       background-position: -36px -180px !important;
+.t3-icon-x-content-login {
+       background-position: -0px -198px !important;
 
 }
-.t3-icon-x-content-list-bullets {
-       background-position: -306px -180px !important;
+.t3-icon-x-content-menu {
+       background-position: -18px -198px !important;
 
 }
-.t3-icon-word {
-       background-position: -144px -180px !important;
+.t3-icon-x-content-multimedia {
+       background-position: -36px -198px !important;
 
 }
-.t3-icon-x-sys_workspace {
-       background-position: -270px -198px !important;
+.t3-icon-x-content-page-language-overlay {
+       background-position: -54px -198px !important;
 
 }
-.t3-icon-x-content-domain {
-       background-position: -180px -180px !important;
+.t3-icon-x-content-plugin {
+       background-position: -72px -198px !important;
 
 }
-.t3-icon-x-content-multimedia {
-       background-position: -54px -198px !important;
+.t3-icon-x-content-script {
+       background-position: -90px -198px !important;
 
 }
-.t3-icon-x-sys_action {
-       background-position: -234px -198px !important;
+.t3-icon-x-content-table {
+       background-position: -108px -198px !important;
 
 }
-.t3-icon-pdf {
-       background-position: -0px -180px !important;
+.t3-icon-x-content-template-extension {
+       background-position: -144px -198px !important;
 
 }
 .t3-icon-x-content-template-static {
+       background-position: -162px -198px !important;
+
+}
+.t3-icon-x-content-template {
+       background-position: -126px -198px !important;
+
+}
+.t3-icon-x-content-text-picture {
+       background-position: -198px -198px !important;
+
+}
+.t3-icon-x-content-text {
        background-position: -180px -198px !important;
 
 }
-.t3-icon-media-video {
-       background-position: -288px -162px !important;
+.t3-icon-x-sys_action {
+       background-position: -216px -198px !important;
 
 }
-.t3-icon-x-content-form-search {
-       background-position: -216px -180px !important;
+.t3-icon-x-sys_language {
+       background-position: -20px -306px !important;
+       width: 18px;
 
 }
 .t3-icon-x-sys_news {
-       background-position: -252px -198px !important;
+       background-position: -234px -198px !important;
 
 }
-.t3-icon-x-content-page-language-overlay {
-       background-position: -72px -198px !important;
+.t3-icon-x-sys_workspace {
+       background-position: -252px -198px !important;
 
 }
-.t3-icon-x-content-template-extension {
-       background-position: -162px -198px !important;
+.t3-icon-x_belayout {
+       background-position: -270px -198px !important;
 
 }
-.t3-icon-version-1 {
-       background-position: -252px -234px !important;
+.t3-icon-dialog-error {
+       background-position: -288px -198px !important;
 
 }
-.t3-icon-dialog-warning {
-       background-position: -54px -216px !important;
+.t3-icon-dialog-information {
+       background-position: -306px -198px !important;
 
 }
-.t3-icon-overlay-hidden {
-       background-position: -108px -216px !important;
+.t3-icon-dialog-notification {
+       background-position: -0px -216px !important;
 
 }
-.t3-icon-status-workspace-draft {
-       background-position: -126px -234px !important;
+.t3-icon-dialog-ok {
+       background-position: -18px -216px !important;
 
 }
-.t3-icon-version-24 {
-       background-position: -18px -270px !important;
+.t3-icon-dialog-warning {
+       background-position: -36px -216px !important;
 
 }
-.t3-icon-status-readonly {
-       background-position: -36px -234px !important;
+.t3-icon-overlay-access-restricted {
+       background-position: -54px -216px !important;
 
 }
-.t3-icon-system-extension-required {
-       background-position: -144px -234px !important;
+.t3-icon-overlay-deleted {
+       background-position: -72px -216px !important;
 
 }
-.t3-icon-version-34 {
-       background-position: -198px -270px !important;
+.t3-icon-overlay-hidden {
+       background-position: -90px -216px !important;
 
 }
-.t3-icon-user-group-backend {
-       background-position: -216px -234px !important;
+.t3-icon-overlay-icon-missing {
+       background-position: -108px -216px !important;
 
 }
-.t3-icon-status-icon-missing {
-       background-position: -288px -216px !important;
+.t3-icon-overlay-includes-subpages {
+       background-position: -126px -216px !important;
 
 }
-.t3-icon-status-sort-desc {
-       background-position: -108px -234px !important;
+.t3-icon-overlay-locked {
+       background-position: -144px -216px !important;
 
 }
-.t3-icon-version-43 {
-       background-position: -36px -288px !important;
+.t3-icon-overlay-scheduled-future-end {
+       background-position: -180px -216px !important;
 
 }
-.t3-icon-version-18 {
-       background-position: -234px -252px !important;
+.t3-icon-overlay-scheduled {
+       background-position: -162px -216px !important;
 
 }
-.t3-icon-dialog-error {
-       background-position: -306px -198px !important;
+.t3-icon-overlay-translated {
+       background-position: -198px -216px !important;
 
 }
-.t3-icon-version-4 {
-       background-position: -306px -234px !important;
+.t3-icon-status-checked {
+       background-position: -216px -216px !important;
 
 }
-.t3-icon-status-reference-soft {
-       background-position: -72px -234px !important;
+.t3-icon-status-current {
+       background-position: -234px -216px !important;
 
 }
-.t3-icon-version-21 {
-       background-position: -288px -252px !important;
+.t3-icon-status-edit-read-only {
+       background-position: -252px -216px !important;
 
 }
-.t3-icon-status-locked {
-       background-position: -306px -216px !important;
+.t3-icon-status-icon-missing {
+       background-position: -270px -216px !important;
 
 }
-.t3-icon-version-31 {
-       background-position: -144px -270px !important;
+.t3-icon-status-locked {
+       background-position: -288px -216px !important;
 
 }
-.t3-icon-version-35 {
-       background-position: -216px -270px !important;
+.t3-icon-status-permission-denied {
+       background-position: -306px -216px !important;
 
 }
-.t3-icon-user-admin {
-       background-position: -162px -234px !important;
+.t3-icon-status-permission-granted {
+       background-position: -0px -234px !important;
 
 }
-.t3-icon-version-42 {
-       background-position: -18px -288px !important;
+.t3-icon-status-readonly {
+       background-position: -18px -234px !important;
 
 }
-.t3-icon-version-8 {
-       background-position: -54px -252px !important;
+.t3-icon-status-reference-hard {
+       background-position: -36px -234px !important;
 
 }
-.t3-icon-version-28 {
-       background-position: -90px -270px !important;
+.t3-icon-status-reference-soft {
+       background-position: -54px -234px !important;
 
 }
-.t3-icon-version-25 {
-       background-position: -36px -270px !important;
+.t3-icon-status-sort-asc {
+       background-position: -72px -234px !important;
 
 }
-.t3-icon-version-10 {
-       background-position: -90px -252px !important;
+.t3-icon-status-sort-desc {
+       background-position: -90px -234px !important;
 
 }
-.t3-icon-version-38 {
-       background-position: -270px -270px !important;
+.t3-icon-status-workspace-draft {
+       background-position: -108px -234px !important;
 
 }
-.t3-icon-version-26 {
-       background-position: -54px -270px !important;
+.t3-icon-system-extension-required {
+       background-position: -126px -234px !important;
 
 }
-.t3-icon-overlay-scheduled {
-       background-position: -180px -216px !important;
+.t3-icon-user-admin {
+       background-position: -144px -234px !important;
 
 }
-.t3-icon-user-group-frontend {
-       background-position: -234px -234px !important;
+.t3-icon-user-backend {
+       background-position: -162px -234px !important;
 
 }
-.t3-icon-version-39 {
-       background-position: -288px -270px !important;
+.t3-icon-user-frontend {
+       background-position: -180px -234px !important;
 
 }
-.t3-icon-overlay-locked {
-       background-position: -162px -216px !important;
+.t3-icon-user-group-backend {
+       background-position: -198px -234px !important;
 
 }
-.t3-icon-status-permission-denied {
-       background-position: -0px -234px !important;
+.t3-icon-user-group-frontend {
+       background-position: -216px -234px !important;
 
 }
-.t3-icon-version-33 {
-       background-position: -180px -270px !important;
+.t3-icon-version-1 {
+       background-position: -234px -234px !important;
 
 }
-.t3-icon-version-47 {
-       background-position: -108px -288px !important;
+.t3-icon-version-10 {
+       background-position: -72px -252px !important;
 
 }
-.t3-icon-status-current {
-       background-position: -252px -216px !important;
+.t3-icon-version-11 {
+       background-position: -90px -252px !important;
 
 }
-.t3-icon-version-2 {
-       background-position: -270px -234px !important;
+.t3-icon-version-12 {
+       background-position: -108px -252px !important;
 
 }
-.t3-icon-version-22 {
-       background-position: -306px -252px !important;
+.t3-icon-version-13 {
+       background-position: -126px -252px !important;
 
 }
-.t3-icon-version-23 {
-       background-position: -0px -270px !important;
+.t3-icon-version-14 {
+       background-position: -144px -252px !important;
 
 }
-.t3-icon-version-49 {
-       background-position: -144px -288px !important;
+.t3-icon-version-15 {
+       background-position: -162px -252px !important;
 
 }
-.t3-icon-warning-in-use {
-       background-position: -198px -288px !important;
+.t3-icon-version-16 {
+       background-position: -180px -252px !important;
 
 }
-.t3-icon-overlay-icon-missing {
-       background-position: -126px -216px !important;
+.t3-icon-version-17 {
+       background-position: -198px -252px !important;
 
 }
-.t3-icon-version-9 {
-       background-position: -72px -252px !important;
+.t3-icon-version-18 {
+       background-position: -216px -252px !important;
 
 }
-.t3-icon-dialog-notification {
-       background-position: -18px -216px !important;
+.t3-icon-version-19 {
+       background-position: -234px -252px !important;
 
 }
-.t3-icon-overlay-deleted {
-       background-position: -90px -216px !important;
+.t3-icon-version-2 {
+       background-position: -252px -234px !important;
 
 }
-.t3-icon-version-5 {
-       background-position: -0px -252px !important;
+.t3-icon-version-20 {
+       background-position: -252px -252px !important;
 
 }
-.t3-icon-version-36 {
-       background-position: -234px -270px !important;
+.t3-icon-version-21 {
+       background-position: -270px -252px !important;
 
 }
-.t3-icon-version-40 {
-       background-position: -306px -270px !important;
+.t3-icon-version-22 {
+       background-position: -288px -252px !important;
 
 }
-.t3-icon-version-19 {
-       background-position: -252px -252px !important;
+.t3-icon-version-23 {
+       background-position: -306px -252px !important;
 
 }
-.t3-icon-version-29 {
-       background-position: -108px -270px !important;
+.t3-icon-version-24 {
+       background-position: -0px -270px !important;
 
 }
-.t3-icon-version-46 {
-       background-position: -90px -288px !important;
+.t3-icon-version-25 {
+       background-position: -18px -270px !important;
 
 }
-.t3-icon-version-7 {
-       background-position: -36px -252px !important;
+.t3-icon-version-26 {
+       background-position: -36px -270px !important;
 
 }
-.t3-icon-version-11 {
-       background-position: -108px -252px !important;
+.t3-icon-version-27 {
+       background-position: -54px -270px !important;
 
 }
-.t3-icon-version-48 {
-       background-position: -126px -288px !important;
+.t3-icon-version-28 {
+       background-position: -72px -270px !important;
 
 }
-.t3-icon-version-30 {
-       background-position: -126px -270px !important;
+.t3-icon-version-29 {
+       background-position: -90px -270px !important;
 
 }
-.t3-icon-version-44 {
-       background-position: -54px -288px !important;
+.t3-icon-version-3 {
+       background-position: -270px -234px !important;
 
 }
-.t3-icon-version-6 {
-       background-position: -18px -252px !important;
+.t3-icon-version-30 {
+       background-position: -108px -270px !important;
 
 }
-.t3-icon-user-backend {
-       background-position: -180px -234px !important;
+.t3-icon-version-31 {
+       background-position: -126px -270px !important;
 
 }
-.t3-icon-overlay-scheduled-future-end {
-       background-position: -198px -216px !important;
+.t3-icon-version-32 {
+       background-position: -144px -270px !important;
 
 }
-.t3-icon-version-12 {
-       background-position: -126px -252px !important;
+.t3-icon-version-33 {
+       background-position: -162px -270px !important;
 
 }
-.t3-icon-version-27 {
-       background-position: -72px -270px !important;
+.t3-icon-version-34 {
+       background-position: -180px -270px !important;
 
 }
-.t3-icon-version-3 {
-       background-position: -288px -234px !important;
+.t3-icon-version-35 {
+       background-position: -198px -270px !important;
 
 }
-.t3-icon-overlay-access-restricted {
-       background-position: -72px -216px !important;
+.t3-icon-version-36 {
+       background-position: -216px -270px !important;
 
 }
-.t3-icon-status-checked {
-       background-position: -234px -216px !important;
+.t3-icon-version-37 {
+       background-position: -234px -270px !important;
 
 }
-.t3-icon-status-reference-hard {
-       background-position: -54px -234px !important;
+.t3-icon-version-38 {
+       background-position: -252px -270px !important;
 
 }
-.t3-icon-status-edit-read-only {
-       background-position: -270px -216px !important;
+.t3-icon-version-39 {
+       background-position: -270px -270px !important;
 
 }
-.t3-icon-version-14 {
-       background-position: -162px -252px !important;
+.t3-icon-version-4 {
+       background-position: -288px -234px !important;
 
 }
-.t3-icon-version-45 {
-       background-position: -72px -288px !important;
+.t3-icon-version-40 {
+       background-position: -288px -270px !important;
 
 }
-.t3-icon-version-37 {
-       background-position: -252px -270px !important;
+.t3-icon-version-41 {
+       background-position: -306px -270px !important;
 
 }
-.t3-icon-version-no-version {
-       background-position: -180px -288px !important;
+.t3-icon-version-42 {
+       background-position: -0px -288px !important;
 
 }
-.t3-icon-overlay-includes-subpages {
-       background-position: -144px -216px !important;
+.t3-icon-version-43 {
+       background-position: -18px -288px !important;
 
 }
-.t3-icon-status-permission-granted {
-       background-position: -18px -234px !important;
+.t3-icon-version-44 {
+       background-position: -36px -288px !important;
 
 }
-.t3-icon-overlay-translated {
-       background-position: -216px -216px !important;
+.t3-icon-version-45 {
+       background-position: -54px -288px !important;
 
 }
-.t3-icon-version-17 {
-       background-position: -216px -252px !important;
+.t3-icon-version-46 {
+       background-position: -72px -288px !important;
 
 }
-.t3-icon-version-15 {
-       background-position: -180px -252px !important;
+.t3-icon-version-47 {
+       background-position: -90px -288px !important;
 
 }
-.t3-icon-version-16 {
-       background-position: -198px -252px !important;
+.t3-icon-version-48 {
+       background-position: -108px -288px !important;
 
 }
-.t3-icon-user-frontend {
-       background-position: -198px -234px !important;
+.t3-icon-version-49 {
+       background-position: -126px -288px !important;
 
 }
-.t3-icon-dialog-ok {
-       background-position: -36px -216px !important;
+.t3-icon-version-5 {
+       background-position: -306px -234px !important;
 
 }
 .t3-icon-version-50 {
-       background-position: -162px -288px !important;
+       background-position: -144px -288px !important;
 
 }
-.t3-icon-dialog-information {
-       background-position: -0px -216px !important;
+.t3-icon-version-6 {
+       background-position: -0px -252px !important;
 
 }
-.t3-icon-version-20 {
-       background-position: -270px -252px !important;
+.t3-icon-version-7 {
+       background-position: -18px -252px !important;
 
 }
-.t3-icon-warning-lock {
-       background-position: -216px -288px !important;
+.t3-icon-version-8 {
+       background-position: -36px -252px !important;
 
 }
-.t3-icon-version-41 {
-       background-position: -0px -288px !important;
+.t3-icon-version-9 {
+       background-position: -54px -252px !important;
 
 }
-.t3-icon-status-sort-asc {
-       background-position: -90px -234px !important;
+.t3-icon-version-no-version {
+       background-position: -162px -288px !important;
 
 }
-.t3-icon-version-32 {
-       background-position: -162px -270px !important;
+.t3-icon-warning-in-use {
+       background-position: -180px -288px !important;
 
 }
-.t3-icon-version-13 {
-       background-position: -144px -252px !important;
+.t3-icon-warning-lock {
+       background-position: -198px -288px !important;
 
 }
index 9527cfd..73513fb 100644 (file)
@@ -161,21 +161,21 @@ table.typo3-TCEforms div.typo3-dyntabmenu-tabs {
        z-index: 3500;
 }
 
-table.typo3-TCEforms .class-main1 td,
-table.typo3-TCEforms .class-main11 td,
-table.typo3-TCEforms .class-main21 td,
-table.typo3-TCEforms .class-main31 td,
-table.typo3-TCEforms .class-main41 td,
-table.typo3-TCEforms .class-main51 td {
+table.typo3-TCEforms .class-main1 td,
+table.typo3-TCEforms .class-main11 td,
+table.typo3-TCEforms .class-main21 td,
+table.typo3-TCEforms .class-main31 td,
+table.typo3-TCEforms .class-main41 td,
+table.typo3-TCEforms .class-main51 td {
        padding: 2px 0px 2px 0px;
 }
 
-table.typo3-TCEforms .class-main2 td,
-table.typo3-TCEforms .class-main12 td,
-table.typo3-TCEforms .class-main22 td,
-table.typo3-TCEforms .class-main32 td,
-table.typo3-TCEforms .class-main42 td,
-table.typo3-TCEforms .class-main52 td {
+table.typo3-TCEforms .class-main2 td,
+table.typo3-TCEforms .class-main12 td,
+table.typo3-TCEforms .class-main22 td,
+table.typo3-TCEforms .class-main32 td,
+table.typo3-TCEforms .class-main42 td,
+table.typo3-TCEforms .class-main52 td {
        padding: 6px 0px 2px 0px;
 }
 
@@ -394,20 +394,90 @@ TCEforms Inline-Relational-Record-Editing
 .typo3-TCEforms div.inlineDivMSIE {
        display: inline-block;
 }
+.t3-form-field-container-inline:first-child {
+       margin-top:16px;
+}
 
 .t3-form-field-container-inline {
        margin-right: 20px;
-       margin-bottom: 3px;
+       margin-bottom: 2px;
+       width:100%;
+}
+
+.t3-form-field-container-inline-collapsed  div.t3-form-field-record-inline {
+       display:none !important;
 }
 
 .t3-form-field-header-inline {
-       padding: 0 5px;
+       padding: 6px 16px;
+       position:relative;
 }
 
-.t3-form-field-record-inline {
-       padding: 0 5px;
+.t3-form-field-header-inline > span {
+       position:absolute;
+       left:4px;
+       top:50%;
+       margin-top:-4px;
+}
+
+.t3-form-field-header-inline > table {
+       margin:0px;
+       padding:0px;
+       width:100%;
+}
+
+div.t3-form-field-header-inline td {
+       padding:0px;
+       margin:0px;
+       min-height:100px;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-ctrl {
+       text-align:right;
+    height:22px;
+    vertical-align:middle;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-ctrl > * {
+       display:none;
+}
+
+.t3-form-field-header-inline:hover td.t3-form-field-header-inline-ctrl > * {
+       display:inline-block;
 }
 
+.t3-form-field-header-inline td.t3-form-field-header-inline-ctrl > span.sortableHandle {
+       margin-left:16px;
+       display:inline-block;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-summary {
+       text-align:left;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-icon {
+       width:25px;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-thumbnail {
+       width:80px;
+       padding:0px!important;
+       vertical-align: middle;
+}
+
+.t3-form-field-record-inline {
+       padding: 8px 8px;
+    position:relative;
+}
+.t3-form-field-record-inline > table {
+    width:100%;
+}
+.t3-form-field-record-inline .typo3-dyntabmenu-divs,
+.t3-form-field-record-inline .typo3-dyntabmenu-tabs {
+    margin-left:8px;
+    margin-right:8px !important;
+    margin-bottom:0px !important;
+}
 .sortableHandle {
        cursor: move;
 }
index c75680d..4da1a09 100644 (file)
@@ -391,15 +391,35 @@ table.typo3-TCEforms .wrapperTable5 .typo3-dyntabmenu-divs {
 TCEforms Inline-Relational-Record-Editing
 - - - - - - - - - - - - - - - - - - - - - */
 .t3-form-field-container-inline {
-       border: 1px solid #c0c0c0;
+       border: 1px solid #dbdbdb;
+    background-color:#f9f9f9;
 }
 
 .t3-form-field-header-inline {
-       background: #DADADA;
+    background-image: linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
+    background-image: -o-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
+    background-image: -moz-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
+    background-image: -webkit-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
+    background-image: -ms-linear-gradient(top, rgb(218,218,218) 0%, rgb(192,192,192) 100%);
+
+    background-image: -webkit-gradient(
+       linear,
+       left top,
+       left bottom,
+       color-stop(0, rgb(218,218,218)),
+       color-stop(1, rgb(192,192,192))
+    );
+}
+.t3-form-field-header-inline table {
+    vertical-align:top;
+}
+
+.t3-form-field-header-inline td.t3-form-field-header-inline-thumbnail img {
+    border-bottom:1px solid white;
 }
 
 .t3-form-field-record-inline {
-       border-top: 1px solid #c0c0c0;
+
 }
 
 table.typo3-TCEforms .t3-form-field-container-inline .wrapperTable,