2 files changed, 57 insertions, 5 deletions
diff --git a/searx/static/themes/oscar/less/logicodev/navbar.less b/searx/static/themes/oscar/less/logicodev/navbar.less
index 2426210ca..411fd63c6 100644
--- a/searx/static/themes/oscar/less/logicodev/navbar.less
+++ b/searx/static/themes/oscar/less/logicodev/navbar.less
@@ -15,7 +15,7 @@
     line-height: 30px;
 }
 
-.navbar, .navbar-default{
+.navbar, .navbar-default, .menu {
     background-color: @black;
     border: none;
     border-top: 4px solid @light-green;
@@ -52,3 +52,38 @@
 .navbar-toggle {
     margin-top: 0;
 }
+
+.menu {
+    margin: 0;
+    padding: 0;
+    position: absolute;
+    top: 4px;
+    border: 0;
+    z-index: 1000000000;
+    height: 40px;
+    line-height: 40px;
+    ul {
+        padding: 0;
+        margin: 0;
+        li {
+            padding: 0 0.6em;
+            margin: 0;
+            float: left;
+            list-style: none;
+            a {
+                color: @dim-gray;
+            }
+        }
+        li.active a {
+            color: @light-green;
+        }
+    }
+}
+
+.menu-right {
+    right: 2em;
+}
+
+.menu-left {
+    left: 2em;
+}
diff --git a/searx/static/themes/oscar/less/logicodev/results.less b/searx/static/themes/oscar/less/logicodev/results.less
index 37a5a76d5..9e57da788 100644
--- a/searx/static/themes/oscar/less/logicodev/results.less
+++ b/searx/static/themes/oscar/less/logicodev/results.less
@@ -6,7 +6,7 @@
     .favicon {
         margin-bottom:-3px;
     }
-    
+
     a {
         color: @black;
         text-decoration: none;
@@ -18,7 +18,7 @@
         &:visited{
             color: @violet;
         }
-        
+
         .highlight {
             background-color: @dim-gray;
             // Chrome hack: bold is different size than normal
@@ -64,10 +64,9 @@
     float: left !important;
     width: 24%;
     margin: .5%;
-    a{
+    a {
         display: block;
         width: 100%;
-        height: 170px;
         background-size: cover;
     }
 }
@@ -148,3 +147,21 @@
     color: @gray;
     background: transparent;
 }
+
+.result .text-muted small {
+    word-wrap: break-word;
+}
+
+.modal-wrapper {
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
+}
+
+.modal-wrapper {
+    background-clip: padding-box;
+    background-color: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: 6px;
+    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
+    outline: 0 none;
+    position: relative;
+}