[fix] Oscar theme: fix input field on Safari

close #323

searx/static/themes/oscar/src/less/logicodev-dark/oscar.less

@@ -19,6 +19,8 @@
 @import "../logicodev/code.less";
 @import "../logicodev/preferences.less";
 
+@import (inline) "../safari.css";
+
 /*Global*/
 body {
   background:#1d1f21 none !important;

searx/static/themes/oscar/src/less/logicodev/oscar.less

@@ -17,3 +17,5 @@
 @import "cursor.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";

searx/static/themes/oscar/src/less/pointhi/oscar.less

@@ -18,3 +18,5 @@
 @import "navbar.less";
 @import "code.less";
 @import "preferences.less";
+
+@import (inline) "../safari.css";

searx/static/themes/oscar/src/less/safari.css

@@ -0,0 +1,13 @@
+/* Safari 9+ 
+   Conditional/Hack CSS from https://browserstrangeness.github.io/css_hacks.html
+*/
+@supports (-webkit-marquee-repetition:infinite) and (object-fit:fill) {
+    .twitter-typeahead .tt-input:focus {
+        z-index: 2;
+    }
+
+    .input-group-btn:last-child > .btn,
+    .input-group-btn:last-child > .btn-group {
+        margin-left: inherit !important;
+    }
+}