From af0be8f9546fb5dec947be33e465bb6d9e85d0a7 Mon Sep 17 00:00:00 2001 From: Andreas Unterkircher Date: Thu, 27 Mar 2008 22:59:06 +0100 Subject: issue111, first try of auto completion for tag search box Signed-off-by: Andreas Unterkircher --- autocomplete/css/SyntaxHighlighter.css | 166 ++++++++++++++++++++++++++++++ autocomplete/css/dropdown.css | 180 +++++++++++++++++++++++++++++++++ autocomplete/css/page.css | 37 +++++++ autocomplete/css/tabsexamples.css | 107 ++++++++++++++++++++ 4 files changed, 490 insertions(+) create mode 100644 autocomplete/css/SyntaxHighlighter.css create mode 100644 autocomplete/css/dropdown.css create mode 100644 autocomplete/css/page.css create mode 100644 autocomplete/css/tabsexamples.css (limited to 'autocomplete/css') 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); +} -- cgit v1.2.3-18-g5258