mirror of
https://github.com/FriendsOfTYPO3/feedit.git
synced 2024-11-23 14:46:09 +01:00
[BUGFIX] Include CSS #14
This commit is contained in:
Georg Ringer
parent
52a8c62378
commit
cbdd318a18
2 changed files with 694 additions and 0 deletions
|
|
@ -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">';
|
||||||
|
|
|
||||||
692
Resources/Public/Css/feedit.css
Normal file
692
Resources/Public/Css/feedit.css
Normal 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
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue