[TASK] Update autocomplete to 1.2.24 55/44255/3
authorAndreas Fernandez <a.fernandez@scripting-base.de>
Sat, 24 Oct 2015 20:20:57 +0000 (22:20 +0200)
committerStefan Neufeind <typo3.neufeind@speedpartner.de>
Sun, 25 Oct 2015 19:15:27 +0000 (20:15 +0100)
This patch updates jQuery.autocomplete to version 1.2.24.
This patch also adds a modification made by the Core team. The
corresponding Pull Request against the library repository was not
merged yet.

Resolves: #70988
Releases: master
Change-Id: Ie9fde5d24d67d2ece882887b02011f0e65ecc672
Reviewed-on: https://review.typo3.org/44255
Reviewed-by: Christian Kuhn <lolli@schwarzbu.ch>
Tested-by: Christian Kuhn <lolli@schwarzbu.ch>
Reviewed-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Tested-by: Stefan Neufeind <typo3.neufeind@speedpartner.de>
Build/Resources/Public/Less/TYPO3/_topbar.less
Build/bower.json
typo3/sysext/core/Resources/Public/JavaScript/Contrib/jquery.autocomplete.js
typo3/sysext/t3skin/Resources/Public/Css/backend.css

index b5cf54f..0fc871c 100644 (file)
                        right: 5px;
                }
        }
+       .live-search-wrapper {
+               &+ .dropdown-menu {
+                       width: 100%;
+               }
+       }
        .dropdown-menu {
                left: auto;
                right: 0;
index ad64d0c..c92ddc9 100644 (file)
@@ -41,7 +41,7 @@
     "Placeholders.js": "4.0.1",
     "taboverride": "4.0.2",
     "seiyria-bootstrap-slider": "5.2.4",
-    "devbridge-autocomplete": "1.2.21",
+    "devbridge-autocomplete": "1.2.24",
     "region-flags": "*",
     "wmdbsystems-typo3-icons": "0.0.4"
   }
index 24db837..82daa25 100644 (file)
     $.Autocomplete = Autocomplete;
 
     Autocomplete.formatResult = function (suggestion, currentValue) {
-        var htmlSafeString = suggestion.value
+        var pattern = '(' + utils.escapeRegExChars(currentValue) + ')';
+
+        return suggestion.value
+            .replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>')
             .replace(/&/g, '&amp;')
             .replace(/</g, '&lt;')
             .replace(/>/g, '&gt;')
-            .replace(/"/g, '&quot;');
-
-        var pattern = '(' + utils.escapeRegExChars(currentValue) + ')';
-
-        return htmlSafeString.replace(new RegExp(pattern, 'gi'), '<strong>$1<\/strong>');
+            .replace(/"/g, '&quot;')
+            .replace(/&lt;(\/?strong)&gt;/g, '<$1>');
     };
 
     Autocomplete.prototype = {
         onBlur: function () {
             this.enableKillerFn();
         },
-        
+
         abortAjax: function () {
             var that = this;
             if (that.currentRequest) {
             var that = this;
             that.stopKillSuggestions();
             that.intervalId = window.setInterval(function () {
-                that.hide();
+                if (that.visible) {
+                    that.el.val(that.currentValue);
+                    that.hide();
+                }
+
                 that.stopKillSuggestions();
             }, 50);
         },
index 1ce71c5..4f104e2 100644 (file)
@@ -344,8 +344,7 @@ th {
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
-  -webkit-filter: none;
-          filter: none;
+  filter: none;
 }
 .fa-stack {
   position: relative;
@@ -2246,10 +2245,14 @@ 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 {
@@ -2309,6 +2312,8 @@ 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%;
@@ -3684,6 +3689,8 @@ label {
   font-weight: bold;
 }
 input[type="search"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 input[type="radio"],
@@ -3729,12 +3736,16 @@ 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 {
@@ -3987,10 +3998,12 @@ 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 {
@@ -4015,10 +4028,12 @@ 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 {
@@ -4043,10 +4058,12 @@ 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 {
@@ -4163,8 +4180,7 @@ select[multiple].input-lg {
   font-weight: normal;
   text-align: center;
   vertical-align: middle;
-  -ms-touch-action: manipulation;
-      touch-action: manipulation;
+  touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
@@ -4198,6 +4214,7 @@ 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,
@@ -4206,6 +4223,7 @@ fieldset[disabled] .btn {
   cursor: not-allowed;
   opacity: 0.65;
   filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 a.btn.disabled,
@@ -4619,6 +4637,7 @@ fieldset[disabled] .btn-danger.active {
 .btn-link[disabled],
 fieldset[disabled] .btn-link {
   background-color: transparent;
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 .btn-link,
@@ -4675,6 +4694,8 @@ 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 {
@@ -4696,8 +4717,11 @@ 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 {
@@ -4735,6 +4759,7 @@ 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;
 }
@@ -4924,9 +4949,11 @@ 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 {
@@ -5559,6 +5586,7 @@ 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;
@@ -5629,6 +5657,7 @@ 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;
   }
 }
@@ -6103,6 +6132,8 @@ 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,
@@ -6216,6 +6247,7 @@ 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 {
@@ -6227,41 +6259,55 @@ 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 {
@@ -6523,6 +6569,7 @@ 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 {
@@ -6893,6 +6940,7 @@ 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 {
@@ -6950,13 +6998,17 @@ 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%);
-  transition: -webkit-transform 0.3s ease-out;
+  -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: 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 {
@@ -6974,6 +7026,7 @@ 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;
@@ -7039,6 +7092,7 @@ 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 {
@@ -7079,6 +7133,7 @@ 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 {
@@ -7305,6 +7360,8 @@ 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,
@@ -7313,11 +7370,15 @@ button.close {
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
   .carousel-inner > .item {
-    transition: -webkit-transform 0.6s ease-in-out;
+    -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: 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,
@@ -7384,6 +7445,8 @@ 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);
@@ -7391,6 +7454,8 @@ 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);
@@ -7872,6 +7937,8 @@ 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,
@@ -8930,12 +8997,10 @@ button.close {
 }
 @keyframes nprogress-spinner {
   0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
+    transform: rotate(0deg);
   }
   100% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
+    transform: rotate(360deg);
   }
 }
 .t3-row-header {
@@ -9178,6 +9243,7 @@ iframe,
 .collapse-horizontal.collapsing {
   display: inline-block;
   width: 0;
+  -webkit-transition-property: width, visibility;
   transition-property: width, visibility;
 }
 .collapse {
@@ -9555,6 +9621,7 @@ 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,
@@ -9776,6 +9843,8 @@ 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;
@@ -9785,8 +9854,11 @@ 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 {
@@ -10329,12 +10401,15 @@ 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;
 }
@@ -10343,7 +10418,10 @@ 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,
@@ -10363,6 +10441,7 @@ 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 {
@@ -10500,6 +10579,8 @@ 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,
@@ -10519,6 +10600,8 @@ 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 {
@@ -10846,6 +10929,7 @@ 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 {
@@ -10873,9 +10957,12 @@ 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 {
@@ -11605,6 +11692,8 @@ 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 {
@@ -11631,9 +11720,7 @@ a.badge-danger:focus {
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-transform: translate(0, 0);
-      -ms-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
   overflow: hidden;
   background-color: #eaeaea;
   color: #333333;
@@ -11674,9 +11761,7 @@ a.badge-danger:focus {
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  -webkit-transform: translate(0, 0);
-      -ms-transform: translate(0, 0);
-          transform: translate(0, 0);
+  transform: translate(0, 0);
 }
 .dropzone-hint-icon:before {
   content: "\f093";
@@ -11839,6 +11924,7 @@ a.badge-danger:focus {
 }
 .input-login {
   border-color: #cccccc;
+  -webkit-box-shadow: none;
   box-shadow: none;
   height: 41.2px;
   padding: 12px 12px;
@@ -11855,6 +11941,7 @@ select[multiple].input-login {
   height: auto;
 }
 .input-login:focus {
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 .btn-login {
@@ -11930,6 +12017,7 @@ fieldset[disabled] .btn-login.active {
 }
 .btn-login:focus {
   outline: none;
+  -webkit-box-shadow: none;
   box-shadow: none;
 }
 .typo3-login-carousel-control {
@@ -11943,6 +12031,8 @@ 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 {
@@ -12239,10 +12329,12 @@ 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 {
@@ -12270,10 +12362,12 @@ 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 {
@@ -12600,9 +12694,11 @@ 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 {
@@ -12620,6 +12716,8 @@ 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;
@@ -12726,9 +12824,12 @@ 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;
@@ -12737,6 +12838,7 @@ 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 {
@@ -12772,6 +12874,7 @@ 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 {
@@ -12851,6 +12954,8 @@ 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;
 }
@@ -12869,6 +12974,8 @@ 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;
@@ -12900,6 +13007,8 @@ 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;
@@ -12925,6 +13034,7 @@ 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 {
@@ -12932,6 +13042,8 @@ 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 {
@@ -13003,6 +13115,7 @@ 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 {
@@ -13100,6 +13213,9 @@ iframe {
   bottom: 5px;
   right: 5px;
 }
+.typo3-topbar-navigation-items .live-search-wrapper + .dropdown-menu {
+  width: 100%;
+}
 .typo3-topbar-navigation-items .dropdown-menu {
   left: auto;
   right: 0;
@@ -13113,6 +13229,7 @@ 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 {
@@ -13310,6 +13427,7 @@ 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 {
@@ -13519,6 +13637,8 @@ 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 {
@@ -13653,6 +13773,7 @@ iframe {
   margin-bottom: 0;
 }
 .headerTooltip {
+  -webkit-box-shadow: 2px 2px 11px #666666;
   box-shadow: 2px 2px 11px #666666;
   display: none;
   width: 150px;
@@ -14008,6 +14129,7 @@ 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;