add advanced settings to pointhi style

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

@@ -66,5 +66,3 @@ Ny0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb
     margin-top:1rem;
     text-align:right;
 }
-
-

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

@@ -0,0 +1,45 @@
+#advanced-search-container {
+    display:none;
+    text-align:center;
+    margin-bottom:1rem;
+
+    label, .input-group-addon {
+        font-size: 1.3rem;
+        font-weight:normal;
+        background-color: white;
+        border: #DDD 1px solid;
+        border-right: none;
+        color: #333;
+        padding-bottom: 0.8rem;
+        padding-top: 0.8rem;
+        padding-left: 1.2rem;
+        padding-right: 1.2rem;
+    }
+
+    label:last-child, .input-group-addon:last-child {
+        border-right: #DDD 1px solid;
+    }
+    
+    input[type="radio"] {
+        display: none;
+    }
+    
+    input[type="radio"]:checked + label{
+        color: black;
+        font-weight:bold;
+        background-color: #EEE;
+    }
+}
+
+#check-advanced {
+    display: none;
+}
+
+#check-advanced:checked ~ #advanced-search-container {
+    display:block;
+}
+
+.advanced {
+    margin-top:1rem;
+    text-align:right;
+}

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

@@ -8,6 +8,8 @@
 
 @import "search.less";
 
+@import "advanced.less";
+
 @import "cursor.less";
 
 @import "code.less";

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

@@ -1,4 +1,28 @@
-.search_categories {
-  margin:10px 0;
-  text-transform: capitalize;
+.search_categories, #categories {
+    text-transform: capitalize;
+    margin-bottom:1.5rem;
+    margin-top:1.5rem;
+
+    label, .input-group-addon {
+        font-size: 1.3rem;
+        font-weight:normal;
+        background-color: white;
+        border: #DDD 1px solid;
+        border-right: none;
+        color: #333;
+        padding-bottom: 0.8rem;
+        padding-top: 0.8rem;
+        padding-left: 1.2rem;
+        padding-right: 1.2rem;
+    }
+
+    label:last-child, .input-group-addon:last-child {
+        border-right: #DDD 1px solid;
+    }
+
+    input[type="checkbox"]:checked + label{
+        color: black;
+        font-weight:bold;
+        background-color: #EEE;
+    }
 }