diff --git a/Classes/FrontendEditPanel.php b/Classes/FrontendEditPanel.php index 14e1236..eaa4c3e 100644 --- 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 = '
'; diff --git a/Resources/Public/Css/feedit.css b/Resources/Public/Css/feedit.css new file mode 100644 index 0000000..7fb7a3e --- /dev/null +++ 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 +} \ No newline at end of file