From ecd293c8a90f0adef5f3e07f8c99c94a3beae63a Mon Sep 17 00:00:00 2001
From: Thomas Pointhuber <thomas.pointhuber@gmx.at>
Date: Wed, 19 Mar 2014 20:19:44 +0100
Subject: add front-part of autocompleter function

---
 searx/static/less/autocompleter.less | 57 ++++++++++++++++++++++++++++++++++++
 searx/static/less/style.less         | 25 ++++++++++++++++
 2 files changed, 82 insertions(+)
 create mode 100644 searx/static/less/autocompleter.less

(limited to 'searx/static/less')

diff --git a/searx/static/less/autocompleter.less b/searx/static/less/autocompleter.less
new file mode 100644
index 000000000..a512d60bc
--- /dev/null
+++ b/searx/static/less/autocompleter.less
@@ -0,0 +1,57 @@
+ul {
+	&.autocompleter-choices {
+		position:				absolute;
+		margin:					0;
+		padding:				0;
+		list-style:				none;
+		border:					1px solid #7c7c7c;
+		border-left-color:		#c3c3c3;
+		border-right-color:		#c3c3c3;
+		border-bottom-color:	#ddd;
+		background-color:		#fff;
+		text-align:				left;
+		font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
+		z-index:				50;
+		background-color:		#fff;
+	
+		li {
+			position:				relative;
+			margin:					-2px 0 0 0;
+			padding:				0.2em 1.5em 0.2em 1em;
+			display:				block;
+			float:					none !important; 
+			cursor:					pointer;
+			font-weight:			normal;
+			white-space:			nowrap;
+			font-size:				1em;
+			line-height:			1.5em;
+
+			&.autocompleter-selected {
+				background-color:		#444;
+				color:					#fff;
+
+				span.autocompleter-queried {
+					color:					#9FCFFF;
+				}
+			}
+		}
+
+		span.autocompleter-queried {
+			display:				inline;
+			float:					none;
+			font-weight:			bold;
+			margin:					0;
+			padding:				0;
+		}
+	}
+}
+
+.autocompleter-loading {
+	background-image:     url(images/spinner.gif);
+	background-repeat:    no-repeat;
+	background-position:  right 50%;
+}
+
+textarea.autocompleter-loading {
+	background-position:  right bottom;
+}
diff --git a/searx/static/less/style.less b/searx/static/less/style.less
index 4b4e2554c..0b663fa03 100644
--- a/searx/static/less/style.less
+++ b/searx/static/less/style.less
@@ -8,6 +8,10 @@
 
 @import "mixins.less";
 
+// Autocompleter
+
+@import "autocompleter.less";
+
 // Main LESS-Code
 
 html {
@@ -574,3 +578,24 @@ tr {
 		color: @color-settings-return-font;
 	}
 }
+
+/*#search_autocompleter {
+	border: 1px solid #3498DB;
+	position: absolute;
+	top: 43px;
+	width:100%;
+	background:#FFF;
+	z-index:2;
+
+	p {
+		border-bottom: 1px solid #ccc;
+	}
+}*/
+
+/*#search_input {
+position: relative;
+}
+
+#search_form {
+
+}*/
-- 
cgit v1.2.3