issue111, first try of auto completion for tag search box

Signed-off-by: Andreas Unterkircher <unki@netshadow.at>

4 files changed, 490 insertions, 0 deletions

diff --git a/autocomplete/css/SyntaxHighlighter.css b/autocomplete/css/SyntaxHighlighter.css
new file mode 100644
index 0000000..d76aee9
--- /dev/null
+++ b/autocomplete/css/SyntaxHighlighter.css
@@ -0,0 +1,166 @@
+

+/* Main style for the table */

+

+.dp-highlighter {

+	width: 100%;

+	overflow: auto;

+	line-height: 100% !important;

+	margin: 18px 0px 18px 0px;

+}

+

+.dp-highlighter table {

+	width: 100%;

+	margin: 2px 0px 2px 0px;

+	border-collapse: collapse;

+	border-bottom: 2px solid #eee;

+	background-color: #fff;

+}

+

+.dp-highlighter td 

+{

+	font-family: Courier New;

+	font-size: 11px;

+}

+

+/* Styles for the tools */

+

+.dp-highlighter .tools-corner {

+	background-color: #eee;

+	font-size: 9px;

+}

+

+.dp-highlighter .tools {

+	background-color: #eee;

+	padding: 3px 8px 3px 0px;

+	border-bottom: 1px solid gray;

+	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;

+	color: silver;

+}

+

+.dp-highlighter .tools a {

+	font-size: 9px;

+	color: gray;

+	text-decoration: none;

+}

+

+.dp-highlighter .tools a:hover {

+	color: red;

+	text-decoration: underline;

+}

+

+/* Gutter with line number */

+

+.dp-highlighter .gutter {

+	padding-right: 5px; 

+	padding-left: 10px; 

+	width: 5px;

+	background-color: #eee; 

+	border-right: 1px solid gray; 

+	color: gray;

+	text-align: right;

+	vertical-align: top;

+}

+

+/* Single line style */

+

+.dp-highlighter .line {

+	padding-left: 10px;

+	border-bottom: 1px solid #F7F7F7;

+	white-space:nowrap;

+}

+

+/* About dialog styles */

+

+.dp-about {

+	background-color: #fff;

+	margin: 0px;

+}

+

+.dp-about table {

+	width: 100%;

+	height: 100%;

+	font-size: 11px;

+	font-family: Tahoma, Verdana, Arial, sans-serif !important;

+}

+

+.dp-about td {

+	padding: 10px;

+	vertical-align: top;

+}

+

+.dp-about .copy {

+	border-bottom: 1px solid #ACA899;

+	height: 95%;

+}

+

+.dp-about .title {

+	color: red;

+	font-weight: bold;

+}

+

+.dp-about .para {

+	margin-bottom: 4px;

+}

+

+.dp-about .footer {

+	background-color: #ECEADB;

+	border-top: 1px solid #fff;

+	text-align: right;

+}

+

+.dp-about .close {

+	font-size: 11px;

+	font-family: Tahoma, Verdana, Arial, sans-serif !important;

+	background-color: #ECEADB;

+	width: 60px;

+	height: 22px;

+}

+

+/* Language specific styles */

+

+.dp-c {}

+.dp-c .comment { color: green; }

+.dp-c .string { color: blue; }

+.dp-c .preprocessor { color: gray; }

+.dp-c .keyword { color: blue; }

+.dp-c .vars { color: #d00; }

+

+.dp-vb {}

+.dp-vb .comment { color: green; }

+.dp-vb .string { color: blue; }

+.dp-vb .preprocessor { color: gray; }

+.dp-vb .keyword { color: blue; }

+

+.dp-sql {}

+.dp-sql .comment { color: green; }

+.dp-sql .string { color: red; }

+.dp-sql .keyword { color: blue; }

+.dp-sql .func { color: #ff1493; }

+.dp-sql .op { color: #808080; }

+

+.dp-xml {}

+.dp-xml .cdata { color: #ff1493; }

+.dp-xml .comments { color: green; }

+.dp-xml .tag { color: blue; }

+.dp-xml .tag-name { color: black; font-weight: bold; }

+.dp-xml .attribute { color: red; }

+.dp-xml .attribute-value { color: blue; }

+

+.dp-delphi {}

+.dp-delphi .comment { color: #008200; font-style: italic; }

+.dp-delphi .string { color: blue; }

+.dp-delphi .number { color: blue; }

+.dp-delphi .directive { color: #008284; }

+.dp-delphi .keyword { font-weight: bold; color: navy; }

+.dp-delphi .vars { color: #000; }

+

+.dp-py {}

+.dp-py .comment { color: green; }

+.dp-py .string { color: red; }

+.dp-py .docstring { color: brown; }

+.dp-py .keyword { color: blue; font-weight: bold;}

+.dp-py .builtins { color: #ff1493; }

+.dp-py .magicmethods { color: #808080; }

+.dp-py .exceptions { color: brown; }

+.dp-py .types { color: brown; font-style: italic; }

+.dp-py .commonlibs { color: #8A2BE2; font-style: italic; }

diff --git a/autocomplete/css/dropdown.css b/autocomplete/css/dropdown.css
new file mode 100644
index 0000000..8fae480
--- /dev/null
+++ b/autocomplete/css/dropdown.css
@@ -0,0 +1,180 @@
+div.acinputContainer
+{
+	position: relative;
+	float: left;
+	clear: none;
+	width: 240px;
+	height: 20px;
+	margin:0px;
+	padding: 0px;
+	border-width: 1px;
+	border-style: solid;
+/*	border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;*/
+	border-color: #aaa #eee #eee #aaa;
+	background-color: buttonface;
+	overflow: show;
+	white-space: nowrap;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+}
+
+div.acinputContainer input
+{
+	position: relative;
+	float: left;
+	clear: none;
+	/*width: 220px;*/
+	border-width: 1px;
+	margin:0px;
+	padding: 0px;
+	box-sizing: border-box;
+	-moz-box-sizing: border-box;
+}
+
+/* this is set when the input is 'working' i.e. remote loading is in process */
+div.acinputContainer input.search
+{
+	background-color: #b41b00;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+div.acinputContainer input.button
+{
+	position: relative;
+	float: left;
+	clear: none;
+	font-size: 2px;
+	top: 0px;
+	left: 1px;
+	width:18px; 
+	height: 100%;
+	border-width: 1px; 
+	background-image:url( ../i/arrowdown.gif ); 
+	background-repeat: no-repeat; 
+	background-position: 2px 2px;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
+}
+
+input.dropdown
+{
+	width: 160px;
+	border: 1px solid #AAAAAA;
+	border-color: #888 #aaa #aaa #888;
+	margin-bottom: 2px;
+	-moz-box-sizing		: border-box;
+}
+
+div.autocomplete_holder
+{
+	position: absolute;
+	visibility: hidden;
+	display: none;
+	background-color: #fff;
+	background-image: url( ../i/bg.gif );
+	-moz-box-sizing		: border-box;
+}
+
+div.autocomplete_firstborder
+{
+	border-width: 1px;
+	border-style: solid;
+	border-color: buttonshadow buttonhighlight buttonhighlight buttonshadow;
+	padding: 0px;
+	-moz-box-sizing		: border-box;
+}
+
+div.autocomplete_secondborder
+{
+	border-style: none;
+	padding: 2px;
+	-moz-box-sizing		: border-box;
+}
+
+ul.autocomplete
+{
+	width				: 100%;
+	height 				: 95px;
+	overflow-y			: auto;
+	overflow			: -moz-scrollbars-vertical;
+
+	font				: menu;
+	
+	margin				: 0px;
+	margin-left			: 0px;
+	padding-left		: 0px;
+	text-indent			: 0px;
+
+	list-style-type		: none;
+	vertical-align		: middle;
+	
+	background-repeat   : no-repeat;
+	-moz-box-sizing		: border-box;
+}
+
+ul.autocomplete li a, ul.autocomplete li a:hover,
+ul.autocomplete li a.selected, ul.autocomplete li a:hover.selected
+{
+	display				: block;
+	width				: 100%;
+	padding				: 2px;
+	text-decoration		: none;
+	color				: #333;
+	border				: 1px solid #fff;
+	-moz-box-sizing		: border-box;
+
+	margin-left			: -14px;
+	voice-family		: "\"}\"";
+	voice-family		: inherit;
+	margin-left			: 0px;
+}
+
+ul.autocomplete li
+{
+	padding				: 0px;
+	paddnig-left		: 5px;
+	background-position : 2px 0px;
+	background-repeat	: no-repeat;
+
+	line-height			: 13px;
+	vertical-align		: top;
+	margin				: 0px;
+	/*border-style		: none;*/
+	-moz-box-sizing		: border-box;
+}
+
+ul.autocomplete li a
+{
+}
+
+ul.autocomplete li a:hover
+{
+	color: highlighttext;
+	background-color: highlight;
+	border-color: #e0e0e0;
+}
+
+ul.autocomplete li a.selected
+{
+	border				: 1px solid #444;
+	/*
+	background-color	: #fcbdb6;
+	color				: #fff;
+	*/
+	background-color	: #0d94df;
+	color				: #fff;
+
+	background-color: #f00;
+	background-image: url( ../i/conf.gif );
+	background-position: center right;
+	background-repeat: no-repeat;
+}
+
+ul.autocomplete li a:hover.selected
+{
+	border				: 1px solid #e0e0e0;
+	color				: white;
+	background-color	: #f00;
+	background-image: none;
+}
diff --git a/autocomplete/css/page.css b/autocomplete/css/page.css
new file mode 100644
index 0000000..ca2a2cd
--- /dev/null
+++ b/autocomplete/css/page.css
@@ -0,0 +1,37 @@
+.pages

+{

+	font-family: verdana;

+	font-size: 12px;

+	color: #111;

+	padding: 5px;

+}

+

+.pages div.holder

+{

+	width: 100%;

+	padding: 15px;

+	background: #fff;

+	border: 1px solid #666;

+	border-color: #111 #eee #eee #111;

+	box-sizing: border-box;

+	-moz-box-sizing: border-box;

+}

+

+.pages div.code

+{

+	display: none;

+	box-sizing: border-box;

+	-moz-box-sizing: border-box;

+}

+

+.pages a.codeToggle

+{

+	height: 28px;

+	line-height: 28px;

+	padding-left: 30px;

+	margin-top: 10px;

+	margin-bottom: 10px;

+	display: block;

+	background: url(../i/code.png) no-repeat;

+	-moz-box-sizing: border-box;

+}

diff --git a/autocomplete/css/tabsexamples.css b/autocomplete/css/tabsexamples.css
new file mode 100644
index 0000000..08f1539
--- /dev/null
+++ b/autocomplete/css/tabsexamples.css
@@ -0,0 +1,107 @@
+/* CSS Document */

+body

+{

+	background-color: #fff;

+}

+

+.pages

+{

+	position: relative;

+	float: none;

+	clear: both;

+	width: 100%;

+    display: none;

+    padding: 3px;

+    border: 1px solid #560702;

+    border-top-width: 0px;

+    background-color: #F4783C;

+    -moz-box-sizing: border-box;

+}

+

+span.hilite

+{

+	color: #00f;

+	background-color: #eee;

+}

+

+#navcontainer

+{

+	position: relative;

+	float: left;

+	width: 100%;

+    border-bottom: 1px solid #7ABBDA;

+    -moz-box-sizing: border-box;

+}

+

+ul.navlist

+{

+	position: relative;

+	top: 1px;

+	display: block;

+	float: left;

+	clear: both;

+

+	margin-top: 0px;	

+	margin-left: 0px;

+	margin-bottom: 0px;

+	padding-left: 9px;

+	padding-bottom: 0px;

+

+	font: 10px Verdana, sans-serif;

+	list-style-type: none;

+    -moz-box-sizing: border-box;

+}

+

+ul.navlist li

+{

+	display: block;

+	float: left;

+	margin: 0;

+	padding: 0;

+	padding-right: 5px;

+	width: auto;

+	height: 23px;

+	line-height: 23px;

+	font-weight: bold;

+	background-image: url(../i/iar.png);

+	background-position: center right;

+	background-repeat: no-repeat;

+    -moz-box-sizing: border-box;	

+}

+

+ul.navlist li.tabactive

+{

+	background-image: url(../i/ar.png);

+}

+

+ul.navlist li a, ul.navlist li a:link

+{

+	color: #FFB098;

+	text-decoration: none;

+	padding: 0px 5px 0px 11px;

+	display: block;

+	background-image: url(../i/ial.png);

+	background-repeat: no-repeat;

+	background-position: 0px center;

+}

+

+ul.navlist li a:hover

+{

+	color: #FFE5DD;

+	cursor: pointer;

+	background-image: url(../i/ial.png);

+	background-repeat: no-repeat;

+	background-position: 0px center;

+}

+

+ul.navlist li.tabactive a, ul.navlist li.tabactive a:link

+{

+	color: #F8FFC8;

+	cursor: default;

+	background-image: url(../i/al.png);

+}

+

+ul.navlist li.tabactive a:hover

+{

+	background-image: url(../i/al.png);

+}