diff --git a/searx/static/less/search.less b/searx/static/less/search.less
new file mode 100644
index 0000000..f5d9620
--- /dev/null
+++ b/searx/static/less/search.less
@@ -0,0 +1,68 @@
+/*
+ * searx, A privacy-respecting, hackable metasearch engine
+ */
+
+.search  {
+	background: @color-result-search-background;
+	padding: 0;
+	margin: 0;
+	.checkbox_container label {
+		border-bottom: 4px solid @color-categories-item-border-unselected;
+	}
+
+	.checkbox_container label:hover {
+		border-bottom: 4px solid @color-categories-item-border-unselected-hover;
+	}
+
+	.checkbox_container input[type="checkbox"]:checked + label { 
+		border-bottom: 4px solid @color-categories-item-border-selected;
+	}
+}
+
+#search_wrapper {
+	position: relative;
+	max-width: 600px;
+	padding: 10px;
+}
+
+.center #search_wrapper {
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.q {
+	background: none repeat scroll 0 0 @color-search-background;
+	border: 1px solid @color-search-border;
+	color: @color-search-font;
+	font-size: 16px;
+	height: 28px;
+	margin: 0;
+	outline: medium none;
+	padding: 2px;
+	padding-left: 8px;
+	padding-right: 0px !important;
+	width: 100%;
+	z-index: 2;
+}
+
+#search_submit {
+	position: absolute;
+	top: 13px;
+	right: 1px;
+	padding: 0;
+	border: 0;
+	background: url('../img/search-icon.png') no-repeat;
+	background-size: 24px 24px;
+	opacity: 0.8;
+	width: 24px;
+	height: 30px;
+	font-size: 0;
+}
+
+@media screen and (max-width: 680px) {
+	#search_wrapper {
+		width: 90%;
+		clear:both;
+		overflow: hidden
+	}
+}