[BUGFIX] Include CSS #14

This commit is contained in:
Georg Ringer 2022-11-17 14:45:25 +01:00
parent 52a8c62378
commit cbdd318a18
2 changed files with 694 additions and 0 deletions

View file

@ -19,6 +19,7 @@ use TYPO3\CMS\Core\Http\Uri;
use TYPO3\CMS\Core\Imaging\Icon; use TYPO3\CMS\Core\Imaging\Icon;
use TYPO3\CMS\Core\Imaging\IconFactory; use TYPO3\CMS\Core\Imaging\IconFactory;
use TYPO3\CMS\Core\Localization\LanguageService; use TYPO3\CMS\Core\Localization\LanguageService;
use TYPO3\CMS\Core\Page\AssetCollector;
use TYPO3\CMS\Core\Type\Bitmask\JsConfirmation; use TYPO3\CMS\Core\Type\Bitmask\JsConfirmation;
use TYPO3\CMS\Core\Utility\GeneralUtility; use TYPO3\CMS\Core\Utility\GeneralUtility;
use TYPO3\CMS\Core\Utility\MathUtility; 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. // Special content is about to be shown, so the cache must be disabled.
$this->frontendController->set_no_cache('Frontend edit panel is shown', true); $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); $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">'; $formTag = '<form name="' . $formName . '" id ="' . $formName . '" action="' . htmlspecialchars($this->getReturnUrl($dataArr['uid'] ?? null)) . '" method="post" enctype="multipart/form-data">';

View file

@ -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
}