[BUGFIX] Include CSS #14

2024-12-23 09:56:09 +01:00 · 2022-11-17 14:45:25 +01:00 · 2022-11-17 14:45:25 +01:00 · cbdd318a18
commit cbdd318a18
parent 52a8c62378
2 changed files with 694 additions and 0 deletions
--- a/Classes/FrontendEditPanel.php
+++ b/Classes/FrontendEditPanel.php
@ -19,6 +19,7 @@ use TYPO3\CMS\Core\Http\Uri;
 use TYPO3\CMS\Core\Imaging\Icon;
 use TYPO3\CMS\Core\Imaging\IconFactory;
 use TYPO3\CMS\Core\Localization\LanguageService;
+use TYPO3\CMS\Core\Page\AssetCollector;
 use TYPO3\CMS\Core\Type\Bitmask\JsConfirmation;
 use TYPO3\CMS\Core\Utility\GeneralUtility;
 use TYPO3\CMS\Core\Utility\MathUtility;
@ -95,6 +96,7 @@ class FrontendEditPanel

        // Special content is about to be shown, so the cache must be disabled.
        $this->frontendController->set_no_cache('Frontend edit panel is shown', true);
+        GeneralUtility::makeInstance(AssetCollector::class)->addStyleSheet('feedit', GeneralUtility::getFileAbsFileName('EXT:feedit/Resources/Public/Css/feedit.css'));

        $formName = 'TSFE_EDIT_FORM_' . substr($this->frontendController->uniqueHash(), 0, 4);
        $formTag = '<form name="' . $formName . '" id ="' . $formName . '" action="' . htmlspecialchars($this->getReturnUrl($dataArr['uid'] ?? null)) . '" method="post" enctype="multipart/form-data">';
--- a/Resources/Public/Css/feedit.css
+++ b/Resources/Public/Css/feedit.css
@ -0,0 +1,692 @@
+#TSFE_ADMIN_PANEL_FORM *, #TSFE_ADMIN_PANEL_FORM :after, #TSFE_ADMIN_PANEL_FORM :before {
+    box-sizing: border-box
+}
+
+#TSFE_ADMIN_PANEL_FORM *, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn:active, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn:focus, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn:hover, #TSFE_ADMIN_PANEL_FORM :active, #TSFE_ADMIN_PANEL_FORM :focus, #TSFE_ADMIN_PANEL_FORM :hover, .typo3-editPanel .typo3-adminPanel-btn:active, .typo3-editPanel .typo3-adminPanel-btn:focus, .typo3-editPanel .typo3-adminPanel-btn:hover, .typo3-editPanel .typo3-editPanel-btn:active, .typo3-editPanel .typo3-editPanel-btn:focus, .typo3-editPanel .typo3-editPanel-btn:hover {
+    outline: 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon, .typo3-editPanel-btn .icon, .typo3-editPanel-link .icon {
+    position: relative;
+    display: inline-block;
+    overflow: hidden;
+    white-space: nowrap;
+    vertical-align: -22%
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon img, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon svg, .typo3-editPanel-btn .icon img, .typo3-editPanel-btn .icon svg, .typo3-editPanel-link .icon img, .typo3-editPanel-link .icon svg {
+    display: block;
+    height: 100%;
+    width: 100%;
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon *, .typo3-editPanel-btn .icon *, .typo3-editPanel-link .icon * {
+    display: block;
+    line-height: inherit
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-markup, .typo3-editPanel-btn .icon-markup, .typo3-editPanel-link .icon-markup {
+    position: absolute;
+    display: block;
+    text-align: center;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-overlay, .typo3-editPanel-btn .icon-overlay, .typo3-editPanel-link .icon-overlay {
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    height: 68.75%;
+    width: 68.75%;
+    text-align: center
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-color, .typo3-editPanel-btn .icon-color, .typo3-editPanel-link .icon-color {
+    fill: currentColor
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-spin .icon-markup, .typo3-editPanel-btn .icon-spin .icon-markup, .typo3-editPanel-link .icon-spin .icon-markup {
+    -webkit-animation: icon-spin 2s infinite linear;
+    animation: icon-spin 2s infinite linear
+}
+
+@-webkit-keyframes icon-spin {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0)
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+@keyframes icon-spin {
+    0% {
+        -webkit-transform: rotate(0);
+        transform: rotate(0)
+    }
+    100% {
+        -webkit-transform: rotate(359deg);
+        transform: rotate(359deg)
+    }
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-state-disabled .icon-markup, .typo3-editPanel-btn .icon-state-disabled .icon-markup, .typo3-editPanel-link .icon-state-disabled .icon-markup {
+    opacity: .5
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-small, .typo3-editPanel-btn .icon-size-small, .typo3-editPanel-link .icon-size-small {
+    height: 16px;
+    width: 16px;
+    line-height: 16px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-small .icon-unify, .typo3-editPanel-btn .icon-size-small .icon-unify, .typo3-editPanel-link .icon-size-small .icon-unify {
+    line-height: 16px;
+    font-size: 14px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-small .icon-overlay .icon-unify, .typo3-editPanel-btn .icon-size-small .icon-overlay .icon-unify, .typo3-editPanel-link .icon-size-small .icon-overlay .icon-unify {
+    line-height: 10px;
+    font-size: 9px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-default, .typo3-editPanel-btn .icon-size-default, .typo3-editPanel-link .icon-size-default {
+    height: 32px;
+    width: 32px;
+    line-height: 32px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-default .icon-unify, .typo3-editPanel-btn .icon-size-default .icon-unify, .typo3-editPanel-link .icon-size-default .icon-unify {
+    line-height: 32px;
+    font-size: 28px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-default .icon-overlay .icon-unify, .typo3-editPanel-btn .icon-size-default .icon-overlay .icon-unify, .typo3-editPanel-link .icon-size-default .icon-overlay .icon-unify {
+    line-height: 20px;
+    font-size: 18px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-large, .typo3-editPanel-btn .icon-size-large, .typo3-editPanel-link .icon-size-large {
+    height: 48px;
+    width: 48px;
+    line-height: 48px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-large .icon-unify, .typo3-editPanel-btn .icon-size-large .icon-unify, .typo3-editPanel-link .icon-size-large .icon-unify {
+    line-height: 48px;
+    font-size: 42px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-size-large .icon-overlay .icon-unify, .typo3-editPanel-btn .icon-size-large .icon-overlay .icon-unify, .typo3-editPanel-link .icon-size-large .icon-overlay .icon-unify {
+    line-height: 30px;
+    font-size: 26px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-actions-edit-copy-release, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-actions-edit-cut-release, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-dialog-error, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-current, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-permission-denied, .typo3-editPanel-btn .icon-actions-edit-copy-release, .typo3-editPanel-btn .icon-actions-edit-cut-release, .typo3-editPanel-btn .icon-status-dialog-error, .typo3-editPanel-btn .icon-status-status-current, .typo3-editPanel-btn .icon-status-status-permission-denied, .typo3-editPanel-link .icon-actions-edit-copy-release, .typo3-editPanel-link .icon-actions-edit-cut-release, .typo3-editPanel-link .icon-status-dialog-error, .typo3-editPanel-link .icon-status-status-current, .typo3-editPanel-link .icon-status-status-permission-denied {
+    color: #c83c3c
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-sorting-light-asc, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-sorting-light-desc, .typo3-editPanel-btn .icon-status-status-sorting-light-asc, .typo3-editPanel-btn .icon-status-status-sorting-light-desc, .typo3-editPanel-link .icon-status-status-sorting-light-asc, .typo3-editPanel-link .icon-status-status-sorting-light-desc {
+    color: #fff
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-sorting-asc, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-sorting-desc, .typo3-editPanel-btn .icon-status-status-sorting-asc, .typo3-editPanel-btn .icon-status-status-sorting-desc, .typo3-editPanel-link .icon-status-status-sorting-asc, .typo3-editPanel-link .icon-status-status-sorting-desc {
+    color: #737373
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-dialog-information, .typo3-editPanel-btn .icon-status-dialog-information, .typo3-editPanel-link .icon-status-dialog-information {
+    color: #6daae0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-dialog-ok, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-status-permission-granted, .typo3-editPanel-btn .icon-status-dialog-ok, .typo3-editPanel-btn .icon-status-status-permission-granted, .typo3-editPanel-link .icon-status-dialog-ok, .typo3-editPanel-link .icon-status-status-permission-granted {
+    color: #79a548
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-dialog-notification, .typo3-editPanel-btn .icon-status-dialog-notification, .typo3-editPanel-link .icon-status-dialog-notification {
+    color: #333
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .icon-status-dialog-warning, .typo3-editPanel-btn .icon-status-dialog-warning, .typo3-editPanel-link .icon-status-dialog-warning {
+    color: #e8a33d
+}
+
+@font-face {
+    font-family: TYPO3FontAwesome;
+    src: url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?v=4.6.3);
+    src: url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.eot?#iefix&v=4.6.3) format("embedded-opentype"), url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff2?v=4.6.3) format("woff2"), url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.woff?v=4.6.3) format("woff"), url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.ttf?v=4.6.3) format("truetype"), url(../../../../backend/Resources/Public/Fonts/FontAwesome/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format("svg");
+    font-weight: 400;
+    font-style: normal
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa:before, .typo3-editPanel .fa:before, .typo3-feedit-element .fa:before {
+    display: inline-block;
+    font: normal normal normal 14px/1 TYPO3FontAwesome;
+    font-size: 15px;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0)
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-pencil:before, .typo3-editPanel .fa-pencil:before, .typo3-feedit-element .fa-pencil:before {
+    content: "\f040"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-angle-up:before, .typo3-editPanel .fa-angle-up:before, .typo3-feedit-element .fa-angle-up:before {
+    content: "\f106"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-angle-down:before, .typo3-editPanel .fa-angle-down:before, .typo3-feedit-element .fa-angle-down:before {
+    content: "\f107"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-toggle-off:before, .typo3-editPanel .fa-toggle-off:before, .typo3-feedit-element .fa-toggle-off:before {
+    content: "\f204"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-toggle-on:before, .typo3-editPanel .fa-toggle-on:before, .typo3-feedit-element .fa-toggle-on:before {
+    content: "\f205"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-google-plus-square:before, .typo3-editPanel .fa-google-plus-square:before, .typo3-feedit-element .fa-google-plus-square:before {
+    content: "\f0d4"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-trash:before, .typo3-editPanel .fa-trash:before, .typo3-feedit-element .fa-trash:before {
+    content: "\f1f8"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-history:before, .typo3-editPanel .fa-history:before, .typo3-feedit-element .fa-history:before {
+    content: "\f1da"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-list-alt:before, .typo3-editPanel .fa-list-alt:before, .typo3-feedit-element .fa-list-alt:before {
+    content: "\f022"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-plus-square:before, .typo3-editPanel .fa-plus-square:before, .typo3-feedit-element .fa-plus-square:before {
+    content: "\f0fe"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-arrows:before, .typo3-editPanel .fa-arrows:before, .typo3-feedit-element .fa-arrows:before {
+    content: "\f047"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-exclamation-circle:before, .typo3-editPanel .fa-exclamation-circle:before, .typo3-feedit-element .fa-exclamation-circle:before {
+    content: "\f06a"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-exclamation-triangle:before, .typo3-editPanel .fa-exclamation-triangle:before, .typo3-feedit-element .fa-exclamation-triangle:before {
+    content: "\f071"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-info-circle:before, .typo3-editPanel .fa-info-circle:before, .typo3-feedit-element .fa-info-circle:before {
+    content: "\f05a"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-caret-down:before, .typo3-editPanel .fa-caret-down:before, .typo3-feedit-element .fa-caret-down:before {
+    content: "\f0d7"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-caret-up:before, .typo3-editPanel .fa-caret-up:before, .typo3-feedit-element .fa-caret-up:before {
+    content: "\f0d8"
+}
+
+#TSFE_ADMIN_PANEL_FORM .fa-bolt:before, .typo3-editPanel .fa-bolt:before, .typo3-feedit-element .fa-bolt:before {
+    content: "\f0e7"
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title-identifier:before {
+    display: inline-block;
+    font: normal normal normal 14px/1 TYPO3FontAwesome;
+    font-size: 15px;
+    text-rendering: auto;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-transform: translate(0, 0);
+    transform: translate(0, 0)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel, .typo3-editPanel {
+    background-color: #fafafa;
+    color: #333;
+    font-family: sans-serif;
+    font-size: 12px;
+    line-height: 1.35em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel a, .typo3-editPanel a {
+    color: inherit;
+    text-decoration: none
+}
+
+#TSFE_ADMIN_PANEL_FORM {
+    display: block !important;
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    max-width: 100%;
+    max-height: 100%;
+    z-index: 10002;
+    padding: 0;
+    margin: 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel {
+    border: 1px solid #cacaca;
+    max-height: 100vh;
+    max-width: 100%;
+    min-width: 280px;
+    border-left: 0;
+    border-bottom: 0;
+    border-top-left-radius: 2px;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+    -webkit-flex-direction: column;
+    flex-direction: column
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelCollapse, #TSFE_ADMIN_PANEL_FORM #typo3AdminPanelEnable {
+    display: none
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelEnable:checked + #typo3AdminPanelCollapse + .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-enable-enabled {
+    display: inline
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelEnable:checked + #typo3AdminPanelCollapse + .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-enable-disabled {
+    display: none
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelEnable:checked + #typo3AdminPanelCollapse + .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse {
+    display: block
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelCollapse:checked + .typo3-adminPanel .typo3-adminPanel-actions, #TSFE_ADMIN_PANEL_FORM #typo3AdminPanelCollapse:checked + .typo3-adminPanel .typo3-adminPanel-body {
+    display: none
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelCollapse:checked + .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse-enabled {
+    display: inline
+}
+
+#TSFE_ADMIN_PANEL_FORM #typo3AdminPanelCollapse:checked + .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse-disabled {
+    display: none
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header {
+    position: relative;
+    background-color: #333;
+    color: #fafafa;
+    padding: 1em 3em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-user:before {
+    content: ':';
+    margin-right: .5em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-enable {
+    position: absolute;
+    cursor: pointer;
+    top: 50%;
+    left: 0;
+    padding: 1em;
+    -webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse {
+    display: none;
+    left: auto;
+    right: 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-enable-enabled {
+    display: none;
+    color: #79a548
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-enable-disabled {
+    color: #c83c3c
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-header .typo3-adminPanel-header-collapse-enabled {
+    display: none
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-actions {
+    text-align: right;
+    padding: 0 1em .75em;
+    background-color: #333;
+    color: #fafafa
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-body {
+    height: 100%;
+    overflow: auto
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-body > .typo3-adminPanel-section-title:first-child {
+    border-top: none
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title {
+    position: relative;
+    overflow: hidden;
+    border-top: 1px solid #bbb;
+    background-color: #eee;
+    padding: .75em 3em .75em 1em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title:hover {
+    background-color: #ddd
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title a {
+    position: relative;
+    display: block;
+    padding: .75em 3em .75em 1em;
+    margin: -.75em -3em -.75em -1em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title-identifier {
+    position: absolute;
+    top: 50%;
+    right: 0;
+    padding: 1em;
+    -webkit-transform: translate(0, -50%);
+    transform: translate(0, -50%)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-title-identifier:before {
+    content: "\f105"
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-open .typo3-adminPanel-section-title-identifier:before {
+    content: "\f107 "
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-section-body {
+    padding: .75em 1em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel label {
+    display: block;
+    font-weight: 400;
+    padding: 0;
+    margin: 0;
+    overflow: hidden
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel input[type=text], #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel select {
+    display: block;
+    width: 100%;
+    padding: .5em;
+    border: 1px solid #ccc;
+    margin: .5em 0;
+    font-size: inherit
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel input[type=text]:focus, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel input[type=text]:hover, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel select:focus, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel select:hover {
+    border-color: #aaa
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group {
+    margin: 1em 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-checkbox, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-radio {
+    margin: .5em 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-checkbox label, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-radio label {
+    padding-left: 20px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-checkbox input[type=checkbox], #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-checkbox input[type=radio], #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-radio input[type=checkbox], #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-form-group-radio input[type=radio] {
+    float: left;
+    padding: 0;
+    margin: 1px 0 0 -20px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table-overflow {
+    max-width: 100%;
+    margin: 1em 0;
+    overflow-x: auto
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table {
+    width: 100%;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    border-spacing: 0
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table td, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table th {
+    text-align: left;
+    overflow: hidden;
+    position: relative;
+    vertical-align: top;
+    padding: .75em
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table thead tr {
+    background-color: rgba(0, 0, 0, .15)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table thead td, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table thead th {
+    font-weight: 400
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table tbody tr:nth-of-type(odd) {
+    background-color: rgba(0, 0, 0, .05)
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table-cell-content {
+    word-wrap: break-word
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-table-cell-nowrap {
+    white-space: nowrap
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-logRow-highlight {
+    background-color: #fcd3cf
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .stackPointer {
+    color: maroon;
+    vertical-align: top
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn {
+    display: inline-block;
+    margin-bottom: 0;
+    padding: 6px 8px;
+    border: 1px solid transparent;
+    border-radius: 0;
+    font-weight: 400;
+    line-height: 1.5;
+    text-align: center;
+    vertical-align: middle;
+    touch-action: manipulation;
+    cursor: pointer;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-default {
+    color: #333;
+    background-color: #eee;
+    border-color: #bbb;
+    cursor: pointer
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-default:hover {
+    background-color: #c4c4c4
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-dark {
+    color: #fafafa;
+    background-color: #555;
+    border-color: rgba(0, 0, 0, .5);
+    cursor: pointer
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-dark:hover {
+    background-color: #444
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-group {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .typo3-adminPanel-btn-group .typo3-adminPanel-btn + .typo3-adminPanel-btn {
+    margin-left: -1px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon {
+    display: inline-block;
+    margin-right: 2px;
+    padding: 0;
+    height: 18px;
+    width: 16px;
+    white-space: nowrap;
+    overflow: hidden;
+    vertical-align: middle
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon:after, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon:before {
+    position: absolute;
+    content: '';
+    margin-left: 7px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon:before {
+    top: 0;
+    height: 100%;
+    width: 2px;
+    margin-left: 7px;
+    border-left: 1px dotted #666
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon:after {
+    border-top: 1px dotted #666;
+    height: 2px;
+    width: 8px;
+    margin-top: 8px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-jointop:before {
+    top: 50%
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-joinbottom:before {
+    height: 26px;
+    margin-top: -8px
+}
+
+#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-blank, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-clear:after, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-clear:before, #TSFE_ADMIN_PANEL_FORM .typo3-adminPanel .treeline-icon-line:after {
+    display: none
+}
+
+.typo3-feedit-element {
+    border: 1px solid #cacaca;
+    margin: 1em 0
+}
+
+.typo3-editPanel {
+    display: block !important;
+    border-top: 1px solid #cacaca;
+    padding: .5em
+}
+
+.typo3-editPanel .typo3-editPanel-label {
+    margin-left: 1.5em;
+    display: inline-block;
+    vertical-align: middle
+}
+
+.typo3-editPanel .typo3-adminPanel-btn, .typo3-editPanel .typo3-editPanel-btn {
+    display: inline-block !important;
+    margin-bottom: 0;
+    padding: 6px 8px;
+    line-height: 1.5em;
+    border: 1px solid transparent;
+    border-radius: 0;
+    font-weight: 400;
+    text-align: center;
+    vertical-align: middle;
+    touch-action: manipulation;
+    cursor: pointer;
+    white-space: nowrap;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none
+}
+
+.typo3-editPanel .typo3-adminPanel-btn-default, .typo3-editPanel .typo3-editPanel-btn-default {
+    color: #333;
+    background-color: #eee;
+    border-color: #bbb;
+    cursor: pointer
+}
+
+.typo3-editPanel .typo3-adminPanel-btn-default:hover, .typo3-editPanel .typo3-editPanel-btn-default:hover {
+    background-color: #c4c4c4
+}
+
+.typo3-editPanel .typo3-adminPanel-form-group, .typo3-editPanel .typo3-editPanel-form-group {
+    margin-right: .5em;
+    display: inline-block
+}
+
+.typo3-editPanel .typo3-adminPanel-btn-group, .typo3-editPanel .typo3-editPanel-btn-group {
+    position: relative;
+    display: inline-block;
+    vertical-align: middle
+}
+
+.typo3-editPanel .typo3-adminPanel-btn-group .typo3-adminPanel-btn + .typo3-adminPanel-btn, .typo3-editPanel .typo3-adminPanel-btn-group .typo3-editPanel-btn + .typo3-editPanel-btn, .typo3-editPanel .typo3-editPanel-btn-group .typo3-adminPanel-btn + .typo3-adminPanel-btn, .typo3-editPanel .typo3-editPanel-btn-group .typo3-editPanel-btn + .typo3-editPanel-btn {
+    margin-left: -1px
+}
+
+.typo3-adminPanel-btn, .typo3-editPanel-btn {
+    display: inline-block !important
+}
+
+.typo3-feedit-element-hidden {
+    border-color: #ebc975
+}
+
+.typo3-feedit-element-hidden .typo3-editPanel {
+    border-top-color: #ebc975;
+    background-color: #f8ecce
+}
+
+.typo3-feedit-element-hidden .typo3-editPanel .typo3-editPanel-btn-default {
+    border-color: #e5b848;
+    background-color: #f2dba1
+}
+
+.typo3-feedit-element-hidden .typo3-editPanel .typo3-editPanel-btn-default:hover {
+    background-color: #eed28b
+}