diff --git a/Build/Resources/Public/Less/TYPO3/_element_buttons.less b/Build/Resources/Public/Less/TYPO3/_element_buttons.less index 936e7e329371e94a77249834ea0a684825de851d..7cc68942b93ce3106d01ee58dc454562afed071b 100644 --- a/Build/Resources/Public/Less/TYPO3/_element_buttons.less +++ b/Build/Resources/Public/Less/TYPO3/_element_buttons.less @@ -39,3 +39,12 @@ } } } + +.btn-danger, +.btn-success, +.btn-warning, +.btn-info { + .icon-color { + fill: currentColor; + } +} diff --git a/typo3/sysext/backend/Classes/Clipboard/Clipboard.php b/typo3/sysext/backend/Classes/Clipboard/Clipboard.php index 234c7b0e072ba7ecd58e66480b0a3ffed06b9cc7..0cdbd01d787b63058d444791f832c3bfef9225eb 100644 --- a/typo3/sysext/backend/Classes/Clipboard/Clipboard.php +++ b/typo3/sysext/backend/Classes/Clipboard/Clipboard.php @@ -17,6 +17,7 @@ namespace TYPO3\CMS\Backend\Clipboard; use TYPO3\CMS\Backend\Utility\BackendUtility; use TYPO3\CMS\Core\Imaging\Icon; use TYPO3\CMS\Core\Imaging\IconFactory; +use TYPO3\CMS\Core\Imaging\IconProvider\SvgIconProvider; use TYPO3\CMS\Core\Resource\ResourceFactory; use TYPO3\CMS\Core\Type\Bitmask\JsConfirmation; use TYPO3\CMS\Core\Utility\GeneralUtility; @@ -286,7 +287,7 @@ class Clipboard $menuSelector = ''; if ($elementCount) { // Delete: - $deleteLink = '<a class="btn btn-danger" href="' . htmlspecialchars($removeAllUrl) . '#clip_head" title="' . $this->getLanguageService()->sL('LLL:EXT:lang/locallang_core.xlf:buttons.clear', true) . '">' . $this->iconFactory->getIcon('actions-document-close', Icon::SIZE_SMALL)->render() . '</a>'; + $deleteLink = '<a class="btn btn-danger" href="' . htmlspecialchars($removeAllUrl) . '#clip_head" title="' . $this->getLanguageService()->sL('LLL:EXT:lang/locallang_core.xlf:buttons.clear', true) . '">' . $this->iconFactory->getIcon('actions-document-close', Icon::SIZE_SMALL)->render(SvgIconProvider::MARKUP_IDENTIFIER_INLINE) . '</a>'; if ($this->getBackendUser()->jsConfirmation(JsConfirmation::DELETE)) { $js = ' if (confirm(' . GeneralUtility::quoteJSvalue(sprintf($this->getLanguageService()->sL('LLL:EXT:lang/locallang_core.xlf:mess.deleteClip'), $elementCount)) . ')){ diff --git a/typo3/sysext/t3skin/Resources/Public/Css/backend.css b/typo3/sysext/t3skin/Resources/Public/Css/backend.css index 4f104e25956f3e431ca1a0beb49e3021e6da2c08..6bde2be15aa2cdfc0d155cc7fd21dc506e16f244 100644 --- a/typo3/sysext/t3skin/Resources/Public/Css/backend.css +++ b/typo3/sysext/t3skin/Resources/Public/Css/backend.css @@ -344,7 +344,8 @@ th { :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { - filter: none; + -webkit-filter: none; + filter: none; } .fa-stack { position: relative; @@ -2245,14 +2246,10 @@ th { font-style: italic; } * { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } html { @@ -2312,8 +2309,6 @@ img { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; @@ -3689,8 +3684,6 @@ label { font-weight: bold; } input[type="search"] { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], @@ -3736,16 +3729,12 @@ output { background-image: none; border: 1px solid #bbbbbb; border-radius: 2px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); - -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; - -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-control:focus { border-color: #aaaaaa; outline: 0; - -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(170, 170, 170, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(170, 170, 170, 0.6); } .form-control::-moz-placeholder { @@ -3998,12 +3987,10 @@ select[multiple].input-lg { } .has-success .form-control { border-color: #79a548; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #5f8139; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #abcb88; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #abcb88; } .has-success .input-group-addon { @@ -4028,12 +4015,10 @@ select[multiple].input-lg { } .has-warning .form-control { border-color: #e8a33d; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #d88b1a; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f3ce98; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f3ce98; } .has-warning .input-group-addon { @@ -4058,12 +4043,10 @@ select[multiple].input-lg { } .has-error .form-control { border-color: #c83c3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #a32e2e; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #de8c8c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #de8c8c; } .has-error .input-group-addon { @@ -4180,7 +4163,8 @@ select[multiple].input-lg { font-weight: normal; text-align: center; vertical-align: middle; - touch-action: manipulation; + -ms-touch-action: manipulation; + touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; @@ -4214,7 +4198,6 @@ select[multiple].input-lg { .btn.active { outline: 0; background-image: none; - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, @@ -4223,7 +4206,6 @@ fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); - -webkit-box-shadow: none; box-shadow: none; } a.btn.disabled, @@ -4637,7 +4619,6 @@ fieldset[disabled] .btn-danger.active { .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; - -webkit-box-shadow: none; box-shadow: none; } .btn-link, @@ -4694,8 +4675,6 @@ input[type="button"].btn-block { } .fade { opacity: 0; - -webkit-transition: opacity 0.15s linear; - -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { @@ -4717,11 +4696,8 @@ tbody.collapse.in { position: relative; height: 0; overflow: hidden; - -webkit-transition-property: height, visibility; transition-property: height, visibility; - -webkit-transition-duration: 0.35s; transition-duration: 0.35s; - -webkit-transition-timing-function: ease; transition-timing-function: ease; } .caret { @@ -4759,7 +4735,6 @@ tbody.collapse.in { border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 2px; - -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } @@ -4949,11 +4924,9 @@ tbody.collapse.in { padding-right: 12px; } .btn-group.open .dropdown-toggle { - -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { - -webkit-box-shadow: none; box-shadow: none; } .btn .caret { @@ -5586,7 +5559,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 6.5px; margin-bottom: 6.5px; @@ -5657,7 +5629,6 @@ select[multiple].input-group-sm > .input-group-btn > .btn { margin-right: 0; padding-top: 0; padding-bottom: 0; - -webkit-box-shadow: none; box-shadow: none; } } @@ -6132,8 +6103,6 @@ a.badge:focus { background-color: #ffffff; border: 1px solid #dddddd; border-radius: 2px; - -webkit-transition: border 0.2s ease-in-out; - -o-transition: border 0.2s ease-in-out; transition: border 0.2s ease-in-out; } .thumbnail > img, @@ -6247,7 +6216,6 @@ a.thumbnail.active { margin-bottom: 18px; background-color: #f5f5f5; border-radius: 2px; - -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress-bar { @@ -6259,55 +6227,41 @@ a.thumbnail.active { color: #ffffff; text-align: center; background-color: #0078e6; - -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); - -webkit-transition: width 0.6s ease; - -o-transition: width 0.6s ease; transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; - -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #79a548; } .progress-striped .progress-bar-success { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #6daae0; } .progress-striped .progress-bar-info { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #e8a33d; } .progress-striped .progress-bar-warning { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #c83c3c; } .progress-striped .progress-bar-danger { - background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { @@ -6569,7 +6523,6 @@ button.list-group-item-danger.active:focus { background-color: #ffffff; border: 1px solid transparent; border-radius: 2px; - -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { @@ -6940,7 +6893,6 @@ button.list-group-item-danger.active:focus { background-color: #fafafa; border: 1px solid #cccccc; border-radius: 2px; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { @@ -6998,17 +6950,13 @@ button.close { .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); - -o-transform: translate(0, -25%); transform: translate(0, -25%); - -webkit-transition: -webkit-transform 0.3s ease-out; - -moz-transition: -moz-transform 0.3s ease-out; - -o-transition: -o-transform 0.3s ease-out; + transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); - -o-transform: translate(0, 0); transform: translate(0, 0); } .modal-open .modal { @@ -7026,7 +6974,6 @@ button.close { border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; - -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; @@ -7092,7 +7039,6 @@ button.close { margin: 30px auto; } .modal-content { - -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { @@ -7133,7 +7079,6 @@ button.close { border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; - -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { @@ -7360,8 +7305,6 @@ button.close { .carousel-inner > .item { display: none; position: relative; - -webkit-transition: 0.6s ease-in-out left; - -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, @@ -7370,15 +7313,11 @@ button.close { } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { - -webkit-transition: -webkit-transform 0.6s ease-in-out; - -moz-transition: -moz-transform 0.6s ease-in-out; - -o-transition: -o-transform 0.6s ease-in-out; + transition: -webkit-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; - -moz-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, @@ -7445,8 +7384,6 @@ button.close { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-control.left { - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); @@ -7454,8 +7391,6 @@ button.close { .carousel-control.right { left: auto; right: 0; - background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); - background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); @@ -7937,8 +7872,6 @@ button.close { background-color: #eeeeee; border-bottom: 1px solid #c3c3c3; padding: 0 24px; - -webkit-transition: margin-top 0.3s ease-in-out; - -o-transition: margin-top 0.3s ease-in-out; transition: margin-top 0.3s ease-in-out; } .module-docheader:before, @@ -8997,10 +8930,12 @@ button.close { } @keyframes nprogress-spinner { 0% { - transform: rotate(0deg); + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } 100% { - transform: rotate(360deg); + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } } .t3-row-header { @@ -9243,7 +9178,6 @@ iframe, .collapse-horizontal.collapsing { display: inline-block; width: 0; - -webkit-transition-property: width, visibility; transition-property: width, visibility; } .collapse { @@ -9621,7 +9555,6 @@ div#contentMenu1 { background-color: #626262; border-right: 1px solid #444444; border-left: 1px solid #111111; - -webkit-box-shadow: 3px 0 0 rgba(0, 0, 0, 0.15); box-shadow: 3px 0 0 rgba(0, 0, 0, 0.15); } .x-panel-body .x-layout-cmini-west .x-layout-mini, @@ -9843,8 +9776,6 @@ ul.typo3-messages { min-width: 100px; } .modal-content { - -webkit-transition: margin-top 0.1s ease-in; - -o-transition: margin-top 0.1s ease-in; transition: margin-top 0.1s ease-in; border: none; overflow: hidden; @@ -9854,11 +9785,8 @@ ul.typo3-messages { color: #1e1e1e; } .modal-resize.fade .modal-dialog { - -webkit-transition-property: height, width; transition-property: height, width; - -webkit-transition-duration: 0.35s; transition-duration: 0.35s; - -webkit-transition-timing-function: ease; transition-timing-function: ease; } .modal-image-manipulation .modal-body .col-lg-12 { @@ -10401,15 +10329,12 @@ body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a { cursor: pointer; background-color: #dddddd; border-radius: 2px; - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); } .slider-track-low, .slider-track-high { position: absolute; background: transparent; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; border-radius: 2px; } @@ -10418,10 +10343,7 @@ body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a { background-color: #eeeeee; border: 1px solid #959595; border-radius: 2px; - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; box-sizing: border-box; } .slider-handle:hover, @@ -10441,7 +10363,6 @@ body#ext-rte-app-rte-select-image-php table tr td table tr.bgColor4 td a { position: absolute; background-color: #999999; border-radius: 2px; - -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.25); } .slider-tick { @@ -10579,8 +10500,6 @@ span.checkbox-spinner { } .nav-tabs > li > a { margin-right: 0; - -webkit-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .nav-tabs > li > a:focus, @@ -10600,8 +10519,6 @@ span.checkbox-spinner { width: 15px; height: 15px; display: inline-block; - -webkit-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; } .nav-tabs > li.has-validation-error > a { @@ -10929,7 +10846,6 @@ fieldset[disabled] .table .btn-default.active { padding: 5px 10px; } .panel { - -webkit-box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.1); } .panel.ui-sortable-helper { @@ -10957,12 +10873,9 @@ fieldset[disabled] .table .btn-default.active { top: 50%; } .panel-collapsed .panel-heading .caret { - -webkit-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); - -o-transform: rotate(-90deg); transform: rotate(-90deg); } .panel-collapsed .panel-collapse { @@ -11684,6 +11597,12 @@ a.badge-danger:focus { .btn-checkbox input[type=checkbox]:checked + .fa:before { content: "\f00c"; } +.btn-danger .icon-color, +.btn-success .icon-color, +.btn-warning .icon-color, +.btn-info .icon-color { + fill: currentColor; +} .dropzone { position: relative; cursor: pointer; @@ -11692,8 +11611,6 @@ a.badge-danger:focus { padding-right: 46px; color: #333333; border: 1px dashed #cccccc; - -webkit-transition: all 0.3s ease-in-out; - -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .dropzone:hover { @@ -11720,7 +11637,9 @@ a.badge-danger:focus { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); overflow: hidden; background-color: #eaeaea; color: #333333; @@ -11761,7 +11680,9 @@ a.badge-danger:focus { text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - transform: translate(0, 0); + -webkit-transform: translate(0, 0); + -ms-transform: translate(0, 0); + transform: translate(0, 0); } .dropzone-hint-icon:before { content: "\f093"; @@ -11924,7 +11845,6 @@ a.badge-danger:focus { } .input-login { border-color: #cccccc; - -webkit-box-shadow: none; box-shadow: none; height: 41.2px; padding: 12px 12px; @@ -11941,7 +11861,6 @@ select[multiple].input-login { height: auto; } .input-login:focus { - -webkit-box-shadow: none; box-shadow: none; } .btn-login { @@ -12017,7 +11936,6 @@ fieldset[disabled] .btn-login.active { } .btn-login:focus { outline: none; - -webkit-box-shadow: none; box-shadow: none; } .typo3-login-carousel-control { @@ -12031,8 +11949,6 @@ fieldset[disabled] .btn-login.active { position: absolute; opacity: 0.25; filter: alpha(opacity=25); - -webkit-transition: opacity 0.2s ease-in-out; - -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .typo3-login-carousel-control:hover { @@ -12329,12 +12245,10 @@ span.typo3-moduleHeader img { } .has-change .form-control { border-color: #6daae0; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-change .form-control:focus { border-color: #4392d7; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c1dbf2; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c1dbf2; } .has-change .input-group-addon { @@ -12362,12 +12276,10 @@ span.typo3-moduleHeader img { } .has-change.has-error .form-control { border-color: #c83c3c; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-change.has-error .form-control:focus { border-color: #a32e2e; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #de8c8c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #de8c8c; } .has-change.has-error .input-group-addon { @@ -12694,11 +12606,9 @@ iframe { z-index: 10; width: 1px; background-color: #2b2b2b; - -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.5); } [id="typo3-module-menu-xsplit"]:hover { - -webkit-box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.9); } [id="typo3-module-menu-xsplit"] .x-layout-mini-wrapper { @@ -12716,8 +12626,6 @@ iframe { padding-right: 15px; } [id="typo3-menu"] .typo3-module-menu-group { - -webkit-transition: background-color 0.4s ease-in-out; - -o-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; position: relative; color: #ffffff; @@ -12824,12 +12732,9 @@ iframe { padding-right: 20px; } [id="typo3-menu"] .typo3-module-menu-group-title .caret { - -webkit-transition: all 0.25s ease-in-out; - -o-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); - -o-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 15px; @@ -12838,7 +12743,6 @@ iframe { [id="typo3-menu"] .expanded .typo3-module-menu-group-title .caret { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); - -o-transform: rotate(0deg); transform: rotate(0deg); } .typo3-module-menu-snapped .typo3-module-menu-group-container { @@ -12874,7 +12778,6 @@ iframe { margin: 10px 0; padding: 10px; border-color: #999; - -webkit-box-shadow: 0px 2px 5px 0px #999999; box-shadow: 0px 2px 5px 0px #999999; } .query-builder .indent { @@ -12954,8 +12857,6 @@ iframe { min-height: 2em; } .t3-page-ce { - -webkit-transition: opacity 0.15s ease-in; - -o-transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in; margin: 10px; } @@ -12974,8 +12875,6 @@ iframe { word-wrap: break-word; } .t3-page-ce .t3-page-ce-header { - -webkit-transition: background 0.15s ease-in; - -o-transition: background 0.15s ease-in; transition: background 0.15s ease-in; padding: 5px; border: 1px solid #cccccc; @@ -13007,8 +12906,6 @@ iframe { padding: 4px 4px; } .t3-page-ce .t3-page-ce-header-icons-right { - -webkit-transition: opacity 0.15s ease-in; - -o-transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in; opacity: 0.3; float: right; @@ -13034,7 +12931,6 @@ iframe { border-color: #aaaaaa; } .t3-page-ce:hover .t3-page-ce-body { - -webkit-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.15); } .t3-page-ce:hover .t3-page-ce-header-icons-right { @@ -13042,8 +12938,6 @@ iframe { } .t3-page-ce-hidden { opacity: 0.4; - -webkit-transition: opacity 0.15s ease-in; - -o-transition: opacity 0.15s ease-in; transition: opacity 0.15s ease-in; } .t3-page-ce-hidden:hover { @@ -13115,7 +13009,6 @@ iframe { .typo3-topbar-site-logo { background-color: #111111; width: 51px; - -webkit-box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 2px 0px 0px rgba(0, 0, 0, 0.15); } .typo3-topbar-site-logo:hover { @@ -13229,7 +13122,6 @@ iframe { border-left: 0; border-right: 0; border-radius: 0 0 2px 2px; - -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); } .typo3-topbar-navigation-items .dropdown-menu a { @@ -13427,7 +13319,6 @@ iframe { outline: none; border-left-color: #515151; background-color: #484848; - -webkit-box-shadow: none; box-shadow: none; } .typo3-topbar-navigation-search .form-control + .t3-icon { @@ -13637,8 +13528,6 @@ iframe { height: 225px; overflow: hidden; opacity: 0; - -webkit-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .distribution-hover-inner { @@ -13773,7 +13662,6 @@ iframe { margin-bottom: 0; } .headerTooltip { - -webkit-box-shadow: 2px 2px 11px #666666; box-shadow: 2px 2px 11px #666666; display: none; width: 150px; @@ -14129,7 +14017,6 @@ div.typo3-listOptions { margin-bottom: 0; } .typo3-docheader-buttons + .db_list-searchbox-toolbar { - -webkit-box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.15); position: absolute; z-index: 999;